我有一个页面设计,我试图用一个标题(菜单栏)来实现,在它下面是一个在 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 上放了一个简单的页面来演示我在做什么
任何人都可以推荐一种方法来完成这个或要研究的东西吗?
谢谢
最佳答案
您可以尝试在 pageMenuArea div 上设置属性 height: 100%;
。这应该使它的高度与包含的 div pageBody 相同。
关于css - 固定宽度的CSS float 2列布局等高问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3606074/