Html css Flex div随子textarea的增长而增长（无jquery）

想象一下，我有以下几点

div{
填充：20px；
}

不要扩大这个范围
扩大这个婴儿

我认为这不能只用CSS来完成，因为您不需要jQuery，所以这里有一个纯JS解决方案。这个想法是在每次更新内容时计算文本区域的高度（调整大小）

var-tex=document.querySelector（'textarea.expand'）；
tex.addEventListener（'keydown'，resize）；
函数resize（）{
setTimeout（函数（）{
tex.style.height='auto'；//删除内容时需要这样做，以便降低高度
tex.style.height=tex.scrollHeight+'px'；
}, 0);
}

div{
填充：20px；
}

不要扩大这个范围
扩大这个婴儿

no jquery please@Temaniaf正如您在上面的问题中所看到的，我认为只有CSS是不可能的，除非您使用contenteditable div而不是textearea@Temaniaf如果确实没有问题，那么就使用JS唯一的解决方案，但我们没有使用jquery