css - 如何让从中页开始的 textarea 延伸到包含 div 的底部(并调整它的大小)？

Question

http://www.jsfiddle.net/Zn4BH/1/

HTML:

<div  id="divOutput">
    <h1>Output</h1> 
    <div id="divButtons">
        <button>One</button>
        <button>Two</button>
    </div>
    <textarea name="tarOutput" id="tarOutput">[Text]</textarea>
</div>

CSS:

#divOutput {
    border: 2px solid #000;
    background-color: #f90;
    padding: 10px;
    height: 300px
}

#divButtons {
    border: 2px solid #000;
    background-color: #fb0;
    margin-top: 10px;
    padding: 2px;
}

textarea {
    margin-top: 10px;
    width: 100%;
    height: 100%;  /* ??? Doesn't seem to work */
}

Answer 1

看看这篇文章:CSS 100% height with padding/margin