css - 一番下の .row クラスに前の .row クラスのすべてが含まれるのはなぜですか?

Question

問題のサイトはhttp://new.technoheads.orgです。

私の人生では、一番下の .row クラスがなぜそんなに大きいのか分かりません。Chrome のインスペクターは、前の .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クラスをdivに追加するよりもrow。例えば：

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

また、float の理解を深めるために、この記事をお読みください。