繁体   English   中英

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

[英]How does padding property affect the width and height of a child element?

我读过设置元素的padding属性会同时增加元素的高度和宽度。 当在未嵌套在任何其他元素内的元素上使用时,这是正确的。 但是,一旦我设置了嵌套元素的padding属性,比如说一个嵌套在div内的段落,则只有该嵌套元素的高度增加并且宽度保持不变。是否也不要增加宽度呢?如果嵌套元素的填充值较大,它将扩展到容器元素之外。 有人可以向我解释这种行为吗?

您必须在Google上搜索CSS BOX模型吗?

填充区域扩展了内容区域,在内容和最终围绕它的边界之间留有空白区域。 它通常具有背景,颜色或图像(按此顺序,隐藏背景颜色的不透明图像),并且位于填充边缘内。 它的尺寸是填充盒的宽度和填充盒的高度。

可以使用padding-top,padding-right,padding-bottom,padding-left和shortdding CSS属性来控制padding和内容边缘之间的间隔。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/box_model

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM