html - 无法将 div 设置为 100% 高度?

标签 html css

<分区>

我不完全确定我做错了什么,我不知道如何用谷歌搜索它,因为一个常见的错误非常普遍。 我明确设置了父项的高度,但我无法将#main-sub-content 的高度设置为 100%。

页面如下: http://coloryourspot.vadremix.com/

以及对应的CSS: http://coloryourspot.vadremix.com/styles/primary/main.css

有人能发现问题吗?

已解决:问题是父元素有 height:auto!important;

最佳答案

删除此属性:

div#main-content{height:auto!important}

在 Chrome 中一切正常。

但是因为你的#main-sub-contentmin-height:100%,所以你的#footer-clear会被放出来屏幕。您可能需要稍后解决这个问题。

关于html - 无法将 div 设置为 100% 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12398924/

相关文章:

javascript - 为什么我的 <marquee> 中的 link/span 标签在 Firefox 中出现在多行上?

php - ckfinder 浏览图像在 ckeditor php 上无法正常工作

html - 导航不会放在一边并将产品 div 向下推

html - 如何避免在检查元素时显示 html 和 body 元素?

css - Zurb基金会6 : nested expanded grid with no-padding

html - 如何在 Vuetify 组件上应用自定义/覆盖 CSS?

javascript - 替换类名

html - 需要帮助减少 CSS line-height,其中类型倾斜 + 带有 border-bottom 的下划线

html - 将水平列表与另一个 div 对齐

css - 如何在启动另一个动画或访问另一个页面时不初始化 CSS3 动画?