固定高度流體最大高度文本區域 - 溢出自動

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中試驗最大高度值。