我有三个div元素（页眉、中间和页脚），我想将页眉和页脚的高度固定为 100px，中间的高度根据窗口内部高度具有动态高度。
我尝试了以下操作但没有成功：
<div id="header" style="background-color:white;width:100px; height:12vh; margin: 0; padding: 0 ;border:0;"></div>
<div id="map_canvas" style="background-color:black;width:window.innerHeight-200;height:78vh;margin: 0; padding: 0 ;border:0"></div>
<div id="footer" style="background-color:white;width:100px; height:10vh; margin: 0; padding: 0 ;border:0;bottom:0px"></div>