填充增加了一个盒子元素的总大小
这是填充增加盒子元素总大小的正确行为吗? 我试图设置填充宽度设置为940px的框元素的左侧,但是当我在左侧添加25px的填充时,它将这些像素添加到框元素的宽度,使其与框体重叠 - 这是父元素的包装器。
我也尝试了marging-left,但是这并没有增加我的盒子元素的总宽度,它将它推到右边,导致它重叠。
处理这个问题的最好方法是什么?
请检查截图以获得视觉效果:
这是盒子模型的默认行为。 你可以在这里了解更多关于盒子模型的知识。
在CSS中,您可以使用box-sizing
属性定义行为。 在这种情况下,您需要:
box-sizing:border-box;
当设置元素的width
, border-box
会考虑填充和边框大小,这就是您要查找的内容。 但是,它不会根据保证金大小进行计算。