CSS clearfix hack不会应用于其中包含h2的元素

Question

我花了几个小时搞清楚为什么.clearfix没有正确推送h2的父元素以适应内部标记的内容。

我确信我在某处遗漏了某些东西。这是JS Fiddle。

Answer 1

您只需要从height: 40px中删除h2，以允许它扩展到所需的任何高度。

Answer 2

#epm-social-stream li.epm-se-thread div.epm-se-thread-info span,#epm-social-stream li.epm-se-thread div.epm-se-thread-info h2

目前将h2的高度修正为40px，除非您添加overflow:hidden;，否则会在h2区域外显示任何溢出。

如果你想要它全部显示移除高度或将其更改为最小高度。

#epm-social-stream li.epm-se-thread div.epm-se-thread-info span,#epm-social-stream li.epm-se-thread div.epm-se-thread-info h2 {
float:left;
color:#0090ca;
min-height:40px;
line-height:40px;
}

我希望有所帮助。