div宽度auto根据父总宽度剩余

Question

我试图创建一个宽度为2的简单容器。

<div class="holder">

    <div class="info-recieve"></div>

    <textarea class="info-send></textarea>

</div>

.holder{
 width: 335px;
 height: auto;
}
.info-recieve, .info-send{
 float: left;
 width: auto;
}

.first宽度在开始时将为空，但随后它将从textarea接收动态html（如堆栈溢出中的标记系统）。

textarea将从100％开始，然后将适应.info-recieve宽度，尊重.parent宽度最大值。

这是实时代码：

http://www2.madeinweb.com.br/jobs/sgiurd/edit-profile.html

如果你们去“Formação”字段集，只需在textarea上输入并按回车。

Answer 1

只需采用现有规则的.second即可。

.first {
 float: left;
 width: auto;
}

jsFiddle example （添加了颜色以便于查看）