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

请参阅：

1.）如何使用

html

和

css

根据

中间的高度更改
左侧的高度
，
右侧的高度
（这是动态的，可以更改）

2.）如果1不可能->如何更改
左
、
右
的高度，以使用html、css覆盖整个可见屏幕
 没有Javascript，问题1无法完成

问题2可以通过使用

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

高度：100%是可选的，但没有
位置：绝对它不会工作。如果设置
位置：绝对您必须设置
左侧：80%，否则它会与左侧重叠。
当然，这个问题没有用javascript或特别是jQuery标记。如果您能够加载jQuery，那么就可以轻松地匹配中间元素的高度

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

只使用
html
和/或
css
是不可能的，你必须使用
JavaScript
（或
jQuery
）才能做到这一点。@Xlander也不可能使用css和html？对不起，我不明白你刚才说的。我的问题中的2可以只使用
html
和
css
？或者我们也需要
js
？尝试编辑JSFIDLE以演示您在第2部分中所说的内容，好吗？是的，请参见：我必须添加一个左：80%；位于右侧，因为它与左侧重叠，因为位置：绝对；