如何扩展文本区域？

【问题标题】：How to expand textarea?如何扩展文本区域？
【发布时间】：2019-02-15 03:59:23
【问题描述】：

我想扩展 textarea 但它不能像这样使用 margin-top：

#sqlcontainerLoggedInPage2 {
  margin-top: 60px;
}

<div class="container-fluid" id="sqlcontainerLoggedInPage2">
  <textarea id="diary" class="form-control"><?php echo $diaryContent; ?></textarea>
</div>

我该怎么做？

【问题讨论】：

如果你想扩展 textarea 不应该增加更多的高度
Should I size a textarea with CSS width / height or HTML cols / rows attributes?的可能重复
它有效，但有没有办法使用边距和/或填充？
内边距和边距在内容之外。您可以增加它们，但内容的空间将保持不变，除非您更改宽度/高度
您甚至没有在 textarea 上设置边距；您将其添加到容器 div

标签： javascript css

【解决方案1】：

height 不能使用margin 设置。

如果您希望textarea 占据其父元素的所有高度，则父元素必须将其height 设置为确定的数量，然后textarea 可以设置其height到100%。

#sqlcontainerLoggedInPage2 {
  height: 60px;
}

textarea { height:100%;}

<div class="container-fluid" id="sqlcontainerLoggedInPage2">
  <textarea id="diary" class="form-control">
   <?php echo $diaryContent;?>
  </textarea>
</div>

【讨论】：