这样的情况怎样做到自适应高度？

新时代

这样的情况怎样做到自适应高度？
#top{
width:  760px;
height: 100px;
}
#middle{
width: 760px;
height: 500px;
}
#footer{
width: 760px;
height: 100px;
}

<div id="top"></div>
<div id="middle"></div>
<div id="footer"></div>


怎样使得 middle 层的内容在 超过固定高度后，footer层会自动向下移动？我试了好多方法都不行，知道的麻烦告诉下，先谢过咯.

可以增加层嵌套，反正弄出效果来就是咯。

文仔

声明一下：本人看贴和回贴的规则，好贴必看，精华贴必回。