使用文本区域自动调整div的大小

Question

我有以下简单标记：

<div id="container">
    <textarea id="content" />
</div>

当我们开始调整文本区域的大小时，我需要将div的最小宽度设置为足够大以包裹整个文本区域。 我怎样才能做到这一点？ 我希望这是一个非常典型的问题，但我只是没有遇到过。 JS还是纯CSS？

Answer 1

您只需要在div上设置float:left ：

#container {
  padding: 10px;
  float: left;
}

jsfiddle

Answer 2

实际上，您要做的是将min-width设置为textarea元素，并将容器设置为具有inline-block属性

#container{
    display: inline-block;
}

#container textarea {
    min-width: 300px;
}