CSS DOM 问题 - 找不到属性被覆盖的原因

Question

相关网站是 1000freewebsites.com。我遇到的具体页面是:

• 1000freewebsites.com/signup.php
• 1000freewebsites.com/login.php

本网站使用骨架框架和 Ryan Fait 的粘性页脚。在这些页面上，我有一个 ID 为#bluestripe 的 div，它应该填充页眉和页脚之间的垂直空间。

一共有三个父元素； #html、#body 和 .wrapper。全部设置为 height:100%;在样式表中。 #bluestripe 也设置为 height:100% 和 min-height:100%。据我了解，这应该可以达到我想要的效果。我的理论有误吗？

使用 Chrome Inspector，我发现 .wrapper 的高度属性被划掉了。如果我的理论是正确的，这就解释了为什么#bluestripe 没有扩展以填充垂直空间。

我找不到任何超过 .wrapper 高度设置的元素。你能看出我错过了什么吗？

Answer 1

.wrapper 的 CSS 规则有 2 个高度声明。摆脱一个设置高度自动。

.wrapper {
    min-height: 100%;
    height: auto !important; /* <- Get rid of this one */
    margin: 0 auto -40px;
    height: 100%;
}