浮动填充导致浮动扩展

Question

我正在为网站创建一个简单的2列布局，但是遇到了一些问题。当我向已经应用了float：left的列添加填充时，float会超出我定义的宽度。我似乎无法在任何地方找到答案。

Answer 1

您必须调整宽度，因为当您的页面被渲染时，填充被视为宽度的一部分。

假设你的div应该是200px，向右填充为10px。

.box {
    width:200px;
    padding-right:10px;
}

您的实际宽度为210px。