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

我在看一本书

他使用：

height: auto !important;
height: 100%;

第一个问题，我以前没有见过两个相同的属性，为什么这不在一行中，第二个问题，这两行组合在一起做什么

---

我想让一个div的高度占上它的父div的高度，这就是我为什么要问的原因。

从你引用的页面往下看：

高度：自动！重要的；身高：100%；属性

我一周前收到一封电子邮件，通知我页脚 在没有高度的情况下工作良好：自动！重要的；身高：100%；在 包装选择器。这是在IE6和IE6中实现最小高度的一种方法 下面，因此如果您希望页脚在 Internet Explorer 6，不要删除它

在CSS中：

• 最小高度

  设置为

  100%

• 高度

  设置为

  自动

  ，因为

  ！重要信息

  规则获胜

在IE6中，由于三种不同错误的组合：

• min height

  规则被忽略，因为它不受支持
• 高度：100%规则覆盖高度：自动！重要信息，因为IE6总是让规则集中的后一条规则获胜，即使在

  ！重要信息

  正在发挥作用

• height:100%

  被视为

  min height

  ，因为IE6对

  height

  的实现被破坏

---

简而言之：

height:100%

是对IE6中的

minheight

支持的一种攻击<代码>高度：自动！重要信息阻止黑客在更好的浏览器中产生副作用。

基于CSS遵循规则的方式，

100%

将“否决”自动，但由于

自动

获得了

！重要信息

同样，除非

100%

获得

，否则它将始终否决任何其他内容！重要信息

，在这种情况下，将应用正常的否决规则，因为它们都处于相同的重要性级别。根据下面的答案，这是为了让包装器在IE6中保持底部，您不妨将其删除。IE6不应该再被支持了。这里的

100%

应该被应用，但是

！重要信息

to

auto

不允许`它覆盖，因此

auto

将占主导地位如果这都是关于粘脚的，试试我曾经为这里的某人做过的小提琴吧。它使用一些javascript来检查内容的高度、视口高度等，然后根据这一点，将页脚固定到底部：根据这里，

！重要信息

违反了级联规则，因此，我不认为这与建议有什么关系。@Zen LeeChai-这是因为

的预期目的！重要信息

用于更改两个不同规则集之间的级联顺序。这是一个涉及单一规则集的黑客行为。@cadegalt-是的，我知道。再看一遍答案的最后一句。神圣的CSS，你是怎么知道的，你经历了什么折磨才学会了针对如此优秀的浏览器的这些技巧？我最初学习CSS的时候，IE4是一款新的闪亮浏览器，它可以让我们做一些令人惊奇的新事情。我的折磨是新千年的黎明。这是一种比前一次更具教育意义的折磨，当时收音机会播放很多辣妹。