Html 使柱填充Bulma中的垂直空间？

我有以下简单的布局（除了

textarea

在运行时成为代码镜像之外）：

问题是-第一列并没有填满页面的垂直空间（选项卡下方）-它只是包装了

textarea

的高度。例如：

---

有没有办法让专栏填满页面？

Flexbox应该适合您！供您参考，我喜欢本指南：

像这样设置

.columns

应该可以做到：

.columns {
    display: flex;
    flex-direction: row; // this is default
    align-items: stretch; // this will stretch the children vertically
}

---

不确定您如何设置

.column

样式（即高度：100%），但如果这不起作用，请告诉我，我可以进一步排除故障。

提供一个类或id，或者只编写内联样式并执行此操作

 min-height : XXvh;

其中xx是您需要的VH

据 vh 等于视口初始包含块高度的1%

---

---

此github问题可能会有帮助。您可以共享与列、列和is无填充类关联的样式吗？除非第二列是固定高度，即使如此，最好让第一列填充空间，而不是硬编码大小

 min-height : XXvh;