Question

我有一个设置为100％高度的div，它渲染得很完美，但我有两个div，它不会伸展到100％。这里参考的是css：

#page{
    background-color: #4C1B1B;
    width:85%;
    height:500px
    margin:auto;
    min-height:100%;

}

#pageleft{
    width:15%;
    float:left;
    border:3px solid #B9121B;
    border-left:0px;
    padding: 1% 2% 0 2%;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height:100%;
}

#pageright{
    width:75%;
    float:right;
    border:3px solid #B9121B;
    height:100%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin:0% 3% 0% 0%;
}

提前致谢。

Answer 1

问题在于你的CSS：

#page {
    background-color: #4C1B1B;
    width:85%;
    height:500px;  <--- this should be 100%
    margin:auto;
    min-height:100%;
}

您已将父div的高度设置为500px。所以你的元素是100％的。将其更改为height: 100%。

Div高度未完全拉伸至100％

1 个答案: