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

标签 css

我有一个页面设计,我试图用一个标题(菜单栏)来实现,在它下面是一个在 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/

相关文章:

html - Bootstrap 网格不以平板设备为中心 - 响应式设计

css - 在 Bootstrap 中,有没有一种方法可以让 html 表格的单元格/行数减少,但更多用于桌面浏览器?

html - Chrome 正在覆盖我的 CSS 中指定的字体大小

html - Bootstrap 3 输入、下拉列表、输入组中的按钮

css - 响应式电子邮件在 iPhone 上不起作用

css - 如何在存在内联和内部的情况下调用外部 CSS?

php - 在此上下文中,元素 li 不允许作为元素 div 的子元素。 (抑制来自该子树的更多错误。)

html - 如何在单个 ionic 行中制作可滚动的 ionic 列

css - 在 SASS 中,在嵌套结构中使用后置选择器 & 号不起作用

css - 让 CSS Sprite "Button"在页面加载时默认为 ON 状态