css布局之头尾固定中间高度自适应

被这个问题困扰了很久。大神别鄙视我,我是搞后台开发的。。。。试过了很多方法,比如设定高度100%、同事用的js计算高度,我对js设置的方式一直觉得不够好,尽管设置高度为100%的方式更差,直到发现了一个博客https://www.cnblogs.com/pigtail/archive/2012/11/25/2787508.html,这篇博客讲的很详细,我不再赘言,之前没能解决的原因现在想来是百度的问题,百度检索的结果是越来越差了,以后尽量不用百度了。就算英文阅读起来费一点劲,也要坚持。

我的理解是:在不考虑IE6时,可以很方便的设置,关键点在于position设置为absolute,然后定义bottom和top属性即可。中间的部分设置一个overflow:auto。就大功告成了。