使用流畅的最大高度文本区域固定高度 - 溢出自动答案

【问题标题】：Fixed height with a fluid max-height text area - overflow auto使用流畅的最大高度文本区域固定高度 - 溢出自动
【发布时间】：2014-11-22 21:43:14
【问题描述】：

.text {
  max-height: 0;
  overflow-y: auto;
  transition: all .45s ease-in-out;
}

.text-active {
  max-height: 50%;
}

我需要调整 .text 组件的最大高度与窗口调整大小时右侧列的高度成比例，以使左侧和右侧列保持完全均匀的高度。我可能在这里遗漏了一些简单的东西。我猜JS可以通过根据窗口宽度和高度重新设置最大高度来解决问题，但肯定有更简单的css解决方案吗？

【问题讨论】：

【解决方案1】：

试试这个...

window.onresize = function(){
    $('.text').css('max-height', 100);
}

【讨论】：

【解决方案2】：

我相当肯定您需要 JS 来动态更改文本字段的高度。如何设置高度取决于该字段如何与右侧旁边的内容对齐。

现在文本字段上方和下方的框是可变的，可以上下移动，很难与右侧对齐。左边最后会是这样吗？您可以将文本字段设置在更静态的位置，然后在 JS 中试验 max-height 值。

【讨论】：