为什么要使用两个高度属性？

Question

我正在阅读popular link by ryanfait

他使用：

height: auto !important;
height: 100%;

第一个问题，我之前没有看过两个相同的属性，为什么不在一行中，其次，这两行是如何组合的。

我有一种情况，我希望div的高度占据其父div的高度，这就是我问的原因。

Answer 1

从页面的下方引用：

  

身高：自动！重要;和身高：100％;特性

     

我每周都会收到一封电子邮件通知我该页脚   没有高度工作正常：auto！important;和身高：100％;在里面   包装选择器。这是一种在IE6中实现最小高度的方法   下面，如果你想让页脚粘在页面的底部   Internet Explorer 6，请勿将其删除！

在CSS中：

• min-height设置为100%。
• height设置为auto，因为!important规则获胜。

在IE6中，归功于三种不同的错误：

• 忽略min-height规则，因为它不受支持。
• height: 100%规则会覆盖height: auto !important，因为即使!important正在播放，IE6也会让规则集中的后来规则获胜。
• height: 100%被视为min-height，因为IE6的height实施已被破坏。

简而言之：height: 100%是在IE6中伪造min-height支持的黑客行为。 height: auto !important阻止黑客在更好的浏览器中产生副作用。