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

Question

我有以下简单的标记：

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

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

Answer 1

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

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

jsfiddle

Answer 2

实际上你需要做的是将min-width设置为textarea元素并将容器设置为具有内联块属性

#container{
    display: inline-block;
}

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