关于textarea包在div的自适应问题

Posted Tangtng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于textarea包在div的自适应问题相关的知识,希望对你有一定的参考价值。

<div class="inputDiv">
  <div class="inputTitle">详情:</div>
   <div class="inputContent">
     <textarea type="text" id="detai" name="detail"></textarea>
   </div>
</div>

textarea被拖动时,包着他的父层div也随着他的大小变化而变化。所以其父层div不能设置高度的准确值,否则textarea变大时会覆盖其他的元素,自适应效果失败。

textarea设置最大最小值保证其大小变化在一定范围内,

以高为例:

  max-height: 200px;

  min-height: 50px;

以上是关于关于textarea包在div的自适应问题的主要内容,如果未能解决你的问题,请参考以下文章

调整 textarea 的大小时,如果父元素是表格,它会扩展以适应,但当它是 div 时则不会。为啥?

外层div随内层div高度自适应

如何让textarea的高度自适应

如何让textarea的高度自适应

div模拟textarea文本域轻松实现高度自适应

如何让textarea随着内容自适应高度