html - 身高百分比

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;
    }