html - div width 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 上输入，然后按 Enter。

Answer 1

就拿.second你现在的规则吧。

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

jsFiddle 示例（添加颜色以便于查看）