html - 不能让 div 达到 100% 的高度？

Question

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

这是页面： http ://coloryourspot.vadremix.com/

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

谁能发现这个问题？

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

Answer 1

删除此属性：

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

在 Chrome 中一切正常。

但既然你#main-sub-content是min-height:100%，你#footer-clear就会被排除在屏幕之外。你可能需要稍后解决这个问题。

Answer 2

您的错误是由 footer-clear 引起的

FF 中的 Chrome 开发者工具或 Firebug 将始终帮助您找到这些问题。