2014-04-08 81 views
0

我花了幾個小時弄清楚爲什麼我的.clearfix沒有正確推送h2的父元素來適應內部標籤的內容。CSS clearfix hack沒有被應用到裏面有h2的元素

我確定我在某處丟失了某些東西。這是一個JS Fiddle

+0

.clearfix是一個老黑客。你可以在容器上使用'overflow:hidden'(它實際上不會隱藏任何東西) – Kornel

+0

@porneL:實際上,在使用'clearfix'之前,我確實嘗試了'overflow:hidden'。但出於某種原因,它不會顯示我的情況下飛越的內容。 – Moon

+0

這是你想要的效果嗎? http://jsfiddle.net/TbD4t/2/ –

回答

3

您只需從h2中刪除height: 40px即可將其擴展到任何必需的高度。

0
#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的高度,以40像素,任何溢出顯示的H2區域之外,除非你加overflow:hidden;

如果您希望全部顯示刪除高度或將其更改爲最小高度。

#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; 
} 

我希望有幫助。