2011-11-07 130 views
2

http://corexii.com/web/shinji-eme/empty-space-problem.pngCSS表中奇怪的空白空間

我不能爲了我的生活弄清楚爲什麼那裏有空的空間。它在section .Blog之內。刪除section .SidepanelPanel(廣告)使其消失。 .SidepanelPanel的一些不同內容不會導致這種情況發生,導致我認爲它與.SidepanelPanel的鏈接+圖像內容有關......但爲什麼?以及如何解決?

+1

有趣。我不能告訴你爲什麼,但是當我把它扔進jsfiddle時,它的工作原理是http://fiddle.jshell.net/fPZrr/show/ – albert

+0

@albert廣告圖像被jsfiddle上的alt-text取代,如此清晰問題在於圖像以某種方式影響內容流。 –

+0

杜。我的壞人。 – albert

回答

3

如果您將vertical-align: top;應用於.Blog,則差距將縮小。

+1

這是正確的答案。我猜想原因是vertical-align的默認值是'vertical-align:baseline'。雖然你有兩個不同高度的單元格,但它們會將'.blog'和'.SidePanel'與底部對齊。 – taiansu