;
下面的代码中 , 父容器是 div , 子容器是 p , p 标签的宽度默认充满父容器 , 如果没有为其设置父容器的宽度 , 为 p 标签设置 内边距 , 不会撑开盒子 ;
代码示例 :
<!...此时为其指定内边距, 不会撑开盒子*/
background-color: yellow;
padding-left: 50px;
}
...----
如果给 p 标签设置了 具体的尺寸 , 为其设置 Padding 内边距 , 会撑开盒子 ;
代码示例 :
<!...此时为其指定内边距, 不会撑开盒子*/
/* 如果指定了宽度, 为其指定内边距,
会撑开盒子*/
width: 200px;
height: 100px...
显示效果 :
测量宽度 : p 标签 内容宽度 200 像素 , 设置左内边距 , 水平方向上撑开了 50 像素 , 最终盒子宽度为 250
