Div走向新线

Question

以下是网站：http://magicdynamic.com/zoom2/

使用Firefox，正确的空div（#bookingForm以及它的容器#rightColumn）总是在新的一行上，而对于谷歌Chrome，它只在你缩放时才会换行。

我想做的事情显然是避免它去换行。

我试图修复它：

• 将两个（rightColumn和leftColumn）放在左侧浮动
• 将两者作为浮动左侧+宽度尺寸放在像素
中
• 相对位置和左侧

但我无法解决问题。

任何人都可以帮助我吗？

还有一个小问题，如何让我的midColumn在不指定页面的情况下识别页面的整个高度？ （我需要它作为背景）

Answer 1

有几件事你想改变。从float: left移除#footerZone并添加clear: both。为了使midColumn能够识别页面的完整高度，只需添加overflow: hidden。

你应该阅读clearing floats，因为你的两个问题都源于这个CSS错误。

Answer 2

您需要在<div style="clear:both;"></div>

之后加<div id="topMenu"></div>

将header和topmenu放在容器中，然后将leftcolumn和rightcolumn放在另一个容器中的另一个容器和页脚中，这也是很好的css代码样式。因为右列和左列向左浮动所以你需要另一个<div style="clear:both;"></div>将它们与页脚分开。