浮动填充导致浮动扩展

Question

我正在为网站创建一个简单的2列布局，但遇到了一些问题。 当我在使用float：left的列中添加填充时，float会扩展到我定义的宽度之外。 我似乎在任何地方都找不到答案。

Answer 1

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

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

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

您的实际宽度为210像素。