为什么我的底部.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-Tricks）

将group类添加到row div。 E.g：

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

另外，you should read this article可以更好地了解花车。