问固定宽度CSS浮动2列布局等高问题
EN

Stack Overflow用户

提问于 2010-08-31 12:39:39

回答 1查看 419关注 0票数 1

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

我已经对#contentArea和#menuArea应用了float: left和正确的静态宽度，效果很好，但我想将这两个应用到相同的高度。我看过内联/内嵌块解决方案，但这些解决方案似乎给IE6/7带来了很多麻烦。不幸的是，这种设计需要合理地(不一定完美地)显示回IE6/FF3。

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

有没有人能推荐一种方法来实现这一点或一些值得关注的东西？

谢谢

回答已采纳

发布于 2010-08-31 12:51:21

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3606074

复制

相似问题

问固定宽度CSS浮动2列布局等高问题EN