padding属性如何影响子元素的宽度和高度?

时间:2013-09-02 12:33:14

标签: html css

我已经读过设置元素的padding属性会增加元素的高度和宽度。当在未嵌套在任何其他元素内的元素上使用时,这是正确的。但是一旦我设置了嵌套元素的填充属性,比如嵌套在div中的段落,只有嵌套元素的高度增加,宽度保持不变。它是否也不会增加宽度?当我指定非常时填充嵌套元素的值很大,它会扩展出容器元素。有人可以解释一下这种行为吗?

1 个答案:

答案 0 :(得分:0)

您必须在谷歌搜索 CSS BOX模型

  

填充区域扩展内容区域,其间有空白区域   内容和围绕它的最终边界。它经常有一个   背景,颜色或图像(按此顺序,不透明图像隐藏   背景颜色),位于填充边缘内。它的   尺寸是填充框宽度和填充框高度。

     

可以控制填充和内容边缘之间的空间   使用填充顶部,填充右侧,填充底部,填充左侧和   简写填充CSS属性。

https://developer.mozilla.org/en-US/docs/Web/CSS/box_model