css布局之头尾固定中间高度自适应
2017-11-15 16:48
363 查看
被这个问题困扰了很久。大神别鄙视我,我是搞后台开发的。。。。试过了很多方法,比如设定高度100%、同事用的js计算高度,我对js设置的方式一直觉得不够好,尽管设置高度为100%的方式更差,直到发现了一个博客https://www.cnblogs.com/pigtail/archive/2012/11/25/2787508.html,这篇博客讲的很详细,我不再赘言,之前没能解决的原因现在想来是百度的问题,百度检索的结果是越来越差了,以后尽量不用百度了。就算英文阅读起来费一点劲,也要坚持。
我的理解是:在不考虑IE6时,可以很方便的设置,关键点在于position设置为absolute,然后定义bottom和top属性即可。中间的部分设置一个overflow:auto。就大功告成了。
我的理解是:在不考虑IE6时,可以很方便的设置,关键点在于position设置为absolute,然后定义bottom和top属性即可。中间的部分设置一个overflow:auto。就大功告成了。
相关文章推荐
- css经典布局——头尾固定高度中间高度自适应布局
- css头尾固定中间高度自适应布局
- css经典布局——头尾固定高度中间高度自适应布局
- css经典布局——头尾固定高度中间高度自适应布局
- (div+css)上下固定中间自适应高度网页布局的实现
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- CSS实现左右栏宽度固定中间栏宽度变化且各栏高度自适应背景色不同的三栏布局
- CSS实现自适应高度布局:头部底部固定,中间自适应铺满屏幕剩余高度,中间盒子里左盒子固定右盒子自适应宽度
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- CSS布局:三栏布局,中间栏固定宽度,左右两边自适应
- CSS布局-两边固定,中间自适应
- 使用CSS实现三栏自适应布局(两边宽度固定,中间自适应)
- CSS__三列布局(两边固定,中间自适应)
- 基于flex弹性布局实现“头尾固定,中间滚动”的页面(纯CSS实现)
- 【css】三栏,左右两栏固定,中间宽度自适应 ||| 三栏,高度自适应 有图片,高清,无码
- CSS三栏布局(两边固定中间自适应宽度)的方法
- 记一道css面试题 : 三栏布局两边宽度固定,中间宽度自适应,并且布局随屏幕大小改变。
- CSS三列布局之左右宽度固定,中间元素自适应问题
- 使用CSS实现三栏自适应布局(两边宽度固定,中间自适应)
- 使用CSS实现三栏自适应布局(两边宽度固定,中间自适应)