更改元素的高度以匹配另一个元素的大小

Question

请参阅：http://jsfiddle.net/E4Zgj/227/

1.。）如何使用left和{{right根据middle的高度（动态且可以更改）更改html，css的高度1}}？

2。）如果1不可能 - >如何使用html，css更改left，right的高度以覆盖整个可见屏幕？

Answer 1

如果没有Javascript，问题1就无法完成。

问题2可以使用

完成

position:absolute;
min-height:100%;
height:100%;

height:100%;是可选的，但没有position:absolute;则不起作用。如果您设置position:absolute;，则必须为右侧设置left:80%;，否则它会与您的左侧重叠。

Answer 2

假设此问题未使用javascript或特别是jQuery标记。如果 能够加载jQuery，您可以轻松匹配中间元素的高度。

var middleHeight = $('.middle').height();
$('.left, .right').height(middleHeight);