固定高度，带有流体最大高度文本区域 - 溢出自动

Question

http://codepen.io/africanmatt/pen/IcGpa

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

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

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

Answer 1

试试这个......

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

Answer 2

我很确定你需要JS来动态改变文本字段的高度。如何设置高度取决于字段如何与右侧的旁边对齐。

现在文本字段上方和下方的框都是可变的，可以上下移动它，使其难以与右侧对齐。是左边的那个怎么样？您可以将文本字段设置为更静态的位置，然后在JS中尝试max-height值。