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

最后发布: 2015-04-04 11:43:41


问题

我有以下简单标记:

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

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

javascript html css
回答

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

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

jsfiddle


回答

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

#container{
    display: inline-block;
}

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