css - 为什么我的底部 .row 类包含前一个 .row 类中的所有内容？

Question

有问题的网站是http://new.technoheads.org。

对于我的生活，我无法弄清楚为什么底部的 .row 类如此之大。Chrome 的 Inspector 会突出显示所有内容，包括之前 .row 类的所有内容。向该特定 div 添加背景颜色可以确认这一点。我可以将它移到它所在的 .page div 之外并将其放入它自己的位置，但我觉得我不应该这样做。

Answer 1

你需要清除你的浮动。将此添加到您的 CSS 中：

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

（通过CSS 技巧）

比将group类添加到您的rowdiv 中。例如：

<div class="row group"> ... </div>

此外，您应该阅读这篇文章以更好地了解浮点数。