DIV高度中的Textarea高度为100％，以百分比为单位

Question

我可以找到如何在固定高度的DIV宽度中获得100％的Textarea，但对于流体内容却一无所获。

这是我要找的东西：

html, body {
    margin: 0;
    padding: 0;
    border:1px;
    vertical-align:top;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#333;
    height: 100%;
    background: #F60;
}
#container {
    width: 100%;
    padding-bottom: 75px;
}
#wrap {min-height: 100%;}
#header {
    height: 100px;
    width: 100%;
    background: #069;
}
#content {
    height: 100%;
    width: 100%;
	position: relative;
}

.content textarea{
    border: 1px solid red;
    height: 100%;
	
}

#footer {
    position: relative;
    margin-top: -75px;
    clear:both;
    height: 75px;
    width: 100%;
    background: green;
}

<div id="wrap">
	<div id="container">
		<div id="header">header</div>
		<div id="content">message<br />
			<textarea>This textarea doesn't fill the content in height.</textarea>
      
		</div>
	</div>
</div>
<div id="footer">footer</div>

基本上，我需要用文本区域填充内容。

有可能吗？ 预先谢谢你。

Answer 1

百分比是相对的，这意味着它取决于父值。如果您没有可引用的值，那么它将不能很好地工作，假设包装器的高度为：100px，那么很明显100％是100px #cheers

Answer 2

是的，有可能。

首先必须删除
• Message和 br 元素。 br 元素不允许您达到效果。
• 然后，您已从标头容器（ div ）中删除了填充。填充只是将您的内容元素与 textarea 重叠。
具有 textarea 元素的
• content元素必须具有固定的高度。否则，文本区域将不会填充内容 div 。
• 然后申请 textarea 元素高度100％。这意味着 textarea 将填充其父元素的整个高度。
• 然后，您就可以玩代码并进行实验。 希望能对您有所帮助。