日期:2014-05-17  浏览次数:20741 次

问个小问题
结构是这样的
上面一个div
中间一个div
下面一个div
上下两个div的高度都是固定的,如20px
中间的我需要让他自动适应大小,让3个div正好充满全屏幕,更改窗口大小也会自动适应
关键是中间的这个div不知道如何控制他的高度,请大家帮帮忙   谢谢!

------解决方案--------------------
当窗口高度小于40px的时候~如何显示?

所以这样已经不错了~~

<html>
<style>
#top{
height:20px;
background-color:pink;
}
#middle{
height:90%;
background-color:yellow
clear:both;
}
#bottom{
height:20px;
background-color:red;
}
</style>
<body style= "margin:0;padding:0 ">
<div id= "Top "> top </div>
<div id= "Middle "> middle </div>
<div id= "Bottom "> buttom </div>
</body>
</html>