Question

这是填充增加box元素总大小的正确行为吗？我试图将填充设置到宽度设置为940px的框元素的左侧但是当我在填充中添加25px到左侧时，它将这些像素添加到框元素的宽度使其重叠body-wrapper，它是父元素。

我也尝试过左手但是虽然这并没有添加到我的盒子元素的总宽度，但它将它推向右边，导致它也重叠..

处理此问题的最佳方法是什么？

请查看截图以获取视觉效果：

Answer 1

这是盒子模型的默认行为。您可以详细了解方框模型here。

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

box-sizing:border-box;

border-box在设置元素的width时会考虑填充和边框大小，这正是您要查找的内容。但是，它不会根据保证金大小计算。