Flexbox 布局中 textarea 导致意外滚动条的成因与解决方案

当在 flex 容器中使用 且移除 footer 后出现多余垂直滚动条，根本原因是 textarea 默认为 inline-block 元素，在行内布局中保留基线对齐产生的底部间隙；设置 display: block 即可彻底解决。

当在 flex 容器中使用 `` 且移除 footer 后出现多余垂直滚动条，根本原因是 textarea 默认为 inline-block 元素，在行内布局中保留基线对齐产生的底部间隙；设置 `display: block` 即可彻底解决。

在基于 Flexbox 的全高页面布局（如 height: 100vh; display: flex; flex-direction: column）中，开发者常将