CSS最大化列中元素的大小

Question

Here是一个相当简单的双列CSS布局。

我已在width及其包含列中将height和textarea设置为100％，但textarea仅在水平方向上展开。

CSS：

.twocol {
       -moz-column-count: 2;
    -webkit-column-count: 2;
}

#left {
    display: inline-block; /* stop flow across columns */
    width: 100%; /* otherwise textarea width is limited */
}

#right {
    display: inline-block; /* stop flow across columns */
}

#left textarea {
    width: 100%;
    height: 100%;
    min-height: 8ex;
}

#left p {
    text-align: right;
}

我希望textarea元素具有最大可能的大小（同时将def段放在其下方“）。我该怎么做？

Answer 1

您可以使用textarea这样修复rows的高度：<textarea rows="15">abc</textarea>

因此请检查它是否适合您。