股利去新線

Question

這裏是網站：http://magicdynamic.com/zoom2/

與Firefox正確的空div（#bookingForm與它也是它的容器#rightColumn）總是對新線，而與谷歌瀏覽它去只有當你縮放時纔有一個換行符。

我想這樣做顯然是避免它去換行。

我試圖以修復：

• 將兩者（rightColumn和leftColumn）作爲浮動左
• 將既作爲浮筒留在像素+寬度尺寸
• 位置相對和離開

但我無法解決問題。

任何人都可以幫我嗎？

另一個小問題，我怎樣才能讓我的midColumn識別頁面的整個高度而不指定它？ （我需要它的背景）

Answer 1

你需要把<div style="clear:both;"></div>後<div id="topMenu"></div>

此外，它是很好的CSS代碼風格，當你將頁眉和頂部菜單中的容器中，然後leftcolumn和rightcolumn在另一個容器另一個容器和頁腳。由於右列和左列浮動，所以您需要另外的<div style="clear:both;"></div>將它們與頁腳分開。

Answer 2

有幾件事情你想改變。從#footerZone刪除float: left並添加clear: both。爲了讓您的midColumn能夠識別頁面的整個高度，只需添加overflow: hidden即可。

你應該閱讀clearing floats，因爲你的兩個問題都源自這個CSS錯誤。