css - 固定宽度的CSS float 2列布局等高问题

Question

我有一个页面设计，我试图用一个标题(菜单栏)来实现，在它下面是一个在 css 中具有静态宽度的 div。这个 div 包含两个 div - #contentArea 和 #menuArea，每个都有一个页眉、中间和页脚(页眉和页脚有背景图像，而中间适合内容)。

我已经将 float: left 和 correct static width 应用于 #contentArea 和 #menuArea ，效果很好，但我想强制这两个高度相同。我查看了内联/内联 block 解决方案，但这些解决方案似乎让 IE6/7 很头疼。不幸的是，这种设计需要合理(不一定完美)显示回到 IE6/FF3。

我在我的家庭服务器 http://home.theevilpenguin.org/c-Help/Index 上放了一个简单的页面来演示我在做什么

任何人都可以推荐一种方法来完成这个或要研究的东西吗？

谢谢

Answer 1

您可以尝试在 pageMenuArea div 上设置属性 height: 100%;。这应该使它的高度与包含的 div pageBody 相同。