高度百分比

Question

我想在 DEMO 中将textarea的高度保持在框架高度的50％。如果我调整结果框架的高度，textarea的高度不会动态更改。我怎么能这样做？

    html, body {
    line-height: 1;
    background:#F8F8F8;
    font-size: 22px;
    height: 100%;
    width: 100%;
}


#text {
    width: 95%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    clear:both;
}



#textArea {
    width: 95%;
    height:auto !important; /* real browsers */
    height:50%; /* IE6: treaded as min-height*/

    min-height:50%; /* real browsers */
    max-width: 902px;
    margin-left: auto;
    margin-top: 5px;
    background-color: blue;
}

Answer 1

您的!important媒体资源中包含height: auto值，因此auto始终会覆盖您尝试应用于height的任何其他内容。

Answer 2

更改css

#textArea {
        width: 95%;
        height:50% !important;     
        min-height:50%; 
        max-width: 902px;
        margin-left: auto;
        margin-top: 5px;
        background-color: blue;
    }