css - .clearfix 类的 UL 意外高度

Question

我正在使用 clearfix 类来清除 float 元素。但是它对 ul 元素表现得很奇怪。它正在为 ul 添加高度，这似乎取自 .sidebar ul 元素。我在谷歌上搜索了很多，但没有找到任何解释或解决方案。

JsFiddle 示例: http://jsfiddle.net/2cfGV/3/

JsFiddle 整页 View : http://jsfiddle.net/2cfGV/1/embedded/result/

 .clearfix2:before, .clearfix2:after {
    content:"";
    display: block;
}
.clearfix2:after {
    clear: both;
}

Answer 1

使用显示:表格。使用 display: block 需要设置额外的属性:http://css-tricks.com/snippets/css/clear-fix/