html - float 填充导致 float 扩大

Question

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

Answer 1

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

假设您有一个应该为 200 像素的 div，向右填充 10 像素。

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

您的实际宽度为 210px。