UL意外高度与.clearfix类

Question

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

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

JsFiddle整页视图： http://jsfiddle.net/2cfGV/1/embedded/result/

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

Answer 1

使用display: table。使用display: block需要设置其他属性：http://css-tricks.com/snippets/css/clear-fix/