科室之間的神祕垂直差距

Question

我的頁眉和頁腳之間出現了一個神祕的差距。我在調查時拿出主要內容div，所以我知道這不是那些責任。這裏是我的網站： http://classweb2.mccombs.utexas.edu/mis333k/msbcf555/TestSite/Default.aspx

如果需要，我會共享樣式表，但它很長，我覺得解決方案是顯而易見的東西，我沒有想到。

我曾嘗試：

• 重置邊距和填充
• 確保沒有換行或其他的div纔是真正的div

Answer 1

你#header元素應用display:inline-block之間隱藏它。內聯塊在元素之間添加可見空間（如果有任何空白） - 即使是單個空格字符。我不是爲什麼你已經把它做成了inline-block，因爲它看起來像一個標準的塊級元素。刪除它，空間應該消失。

還有其他的選擇，但我認爲這是最簡單的。有關inline-blocks創建的「神祕」空間的更多信息，請參閱：http://css-tricks.com/fighting-the-space-between-inline-block-elements/