Css 无法按百分比设置三列布局文本中的文本区域高度

我正在尝试使用两个文本区域创建一个3列布局。我可以设置文本区域的宽度，使列看起来正确，但高度会缩小。我正在寻找一个解决方案，将与HTML5兼容的浏览器-旧的不需要支持。参见jsfiddle

HTML5

---

如何将三列布局文本中的文本区域高度设置为百分比，或使用使文本区域高度看起来成比例的布局格式？

您忘记定义

换行

的高度

#wrap {
    height: 100%;
}

---

其他海报是正确的。你忘了在div#wrap上有一个

高度：100%

以下是一个解决方案：

---

尝试在Javascript中动态设置高度

$("textarea").height($("#columnLeft").height());​

---

在上进行演示时，不要使用

和

包装HTML内容，它会在演示后自动完成。您的页面当前有多个

和

标记（），这当然是一团糟。谢谢您的提示。删除了html和body标记。

#wrap {
    height: 100%;
}

$("textarea").height($("#columnLeft").height());​