Question

我已经建立了一个jfiddle例子，看起来像我的身高：100％;不管用。

body, html 
{
    height:100%;    
}

#full-wrap {
    min-height:100%;
    height: auto !important;
    height:100%;
    margin:0 0 -91px;    /* 1 extra px from footer border */
    clear:both;
    border:thin solid red;
}
.contentCenter {
    min-height:100%;
    height:100%;
    width:300px;
    margin: 0 auto;
    clear:both;
    border:thin solid blue;

}


.footer {
    height:90px;width:100%;
    border-top:1px #E8E8E8 solid;
    clear:both;
}    


<div id='full-wrap'>
    <div class='contentCenter'>
    </div>
</div>
<div class='footer'>
</div>

有人可以帮我解决这个问题吗？你可以看到边界线（蓝色）不是100％。

Answer 1

height: auto !important;

删除该行并且它可以正常工作。

Answer 2

您的父#full-wrap div的高度设置为height:auto，您需要指定一个高度，以便您的子div扩展100％，因此将其设置为100％或固定高度。请记住，基于百分比的高度是相对于其容器的。

高度：100％css不起作用

2 个答案: