CSS表中奇怪的空白空間

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

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

來源

2011-11-07 Core Xii

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

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

杜。我的壞人。 – albert

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

來源

2011-11-10 07:00:05

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

CSS表中奇怪的空白空間

回答

相關問題