填充增加了一个盒子元素的总大小

这是填充增加盒子元素总大小的正确行为吗? 我试图设置填充宽度设置为940px的框元素的左侧,但是当我在左侧添加25px的填充时,它将这些像素添加到框元素的宽度,使其与框体重叠 - 这是父元素的包装器。

我也尝试了marging-left,但是这并没有增加我的盒子元素的总宽度,它将它推到右边,导致它重叠。

处理这个问题的最好方法是什么?

请检查截图以获得视觉效果:

在这里输入图像描述


这是盒子模型的默认行为。 你可以在这里了解更多关于盒子模型的知识。

在CSS中,您可以使用box-sizing属性定义行为。 在这种情况下,您需要:

box-sizing:border-box;

当设置元素的widthborder-box会考虑填充和边框大小,这就是您要查找的内容。 但是,它不会根据保证金大小进行计算。

链接地址: http://www.djcxy.com/p/75593.html

上一篇: Padding increasing the total size of a box element

下一篇: How to force browser to add padding, etc. to size?