如何将文本区域宽度扩展为父区域的 100%?
我试过将宽度扩大到 100% 但效果不佳,它扩大到页面的 100%,导致布局崩溃。
下面是一个可视化问题。 ![此处输入图片描述][1]
请提供一些提示。
我会这样做
HTML:
<div class="wrapper">
<div class="side">sidebar here</div>
<div class="main">
<textarea class="taclass"></textarea>
</div>
</div><!--/ wrapper -->
CSS:
.wrapper{
display: block;
width: 100%;
overflow: hidden;
}
.side{
float:left;
width:20%;
}
.main{
float:right;
width:80%;
}
.taclass{
display:block;
width:100%;
padding:2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}