爲什麼當我使用「position：relative;」時會出現間隙？

我目前工作的網站，學習，我建，我所遇到的一個奇怪的問題......出於某種原因，我無法弄清楚，爲什麼還有就是機身頂部和內容之間的大差距。爲什麼當我使用「position：relative;」時會出現間隙？

的問題可以在http://www.ruthpower.tk/可見。

這裏是一個simplified example on jsFiddle。爲什麼的#wrapper紅色背景顯示通過上述#content？

2012-02-17 Charlie

任何人都勇敢地遵循鏈接？我們可以改用一些代碼嗎？ – crush 2012-02-17 21:49:25

佈局有些問題。嘗試在devtools中禁用'＃slidewhow'的寬度，它會有點用。這可能是接觸按鈕... – elclanrs 2012-02-17 21:51:38

*「問題就出在我的標記/ CSS的這部分的地方。」 * ** + 1 ** – 2012-02-17 21:57:10

使用position:absolute您#button和position:relative您#slideshow，再用絕對值定位您#button。

相對定位的盒保持其正常流量大小，包括空間最初預留用於它換行和。

更新：這example jsFiddle是simplified example的解決方案（注意標誌着發生了什麼變化形成原始的評論）。

2012-02-17 21:53:18 Zeta

是的，這是我發現的工作。 – 2012-02-17 22:00:17

回答