CSSフローティングをクリアする3つの方法

1.フローティング要素の親要素高さが定義されている場合は、フローティングをクリアする必要はありません.(ニュースの内容の長さが不確定で、高さが不確定で、フローティングをクリアする必要があります)
2.フローティング要素は幅を定義します.そうしないと、後続の要素のフローティング効果に影響します.
空のdivラベルはフローティングをクリアします.html:

父标签的overflow清除浮动.html：

伪元素清除浮动.html（建议使用该方法）：

伪元素清除浮动的另一种写法.css：

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}