css - 从 child 的高度扩展 parent 的问题。 body 不会达到 100% 的高度。多列

标签 css html height overflow

列布局和我的 CSS 确实存在问题。我已经尝试了所有的技巧,但现在有用了。请看这里。代码从第 419 行开始。

http://justpost.me/lcc/

“mainBody”和“sidebar”都不会扩展它们的父级(正文)。

本质上,“主体”不会扩展到 100% 的视口(viewport)。

  • 尝试过 clearfix
  • 尝试 overflow hidden
  • 尝试清除两个 div
  • 尝试了额外的包装器/div

谢谢你的帮助,

汤姆

最佳答案

几乎回答了我自己的问题。我删除了正文样式表顶部的一些附加代码。现在 body 在膨胀。

但是,“mainNav”的大小不适合高度。

已固定到一个固定位置的良好标准。

关于css - 从 child 的高度扩展 parent 的问题。 body 不会达到 100% 的高度。多列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10077616/

相关文章:

javascript - 通过 JavaScript 函数将数字附加到输入 HTML 元素中

html - 如果网站更新,避免浏览器缓存加载

css - 将伸缩容器高度设置为等于最小伸缩元素的高度

文本上方的 HTML/CSS 位置图标

html - 将背景图像放在元素旁边

html - 是否可以使用显示:none to create multiple CSS navbars for a responsive site?

javascript - 显示折叠标题的重置/显示按钮

html - 在 HTML 中嵌入谷歌电子表格(缩小结果)

html - 滚动条及其内容隐藏在 div 之外

c# - iframe 100% 高度不适用