CSS 中浏览器高度自适应
2011-11-23 09:14
176 查看
CSS用了这么久居然被一个小问题给卡牢了,研究了半天终于解决,特在此留下脚印,希望遇到相同问题的友友们少走弯路。
容器要求高度随浏览器的变化而自适应填充(不用JS),仅仅用CSS完成的高度自适应方法:
Html代码示例:
<div class="test"></div>
Css代码:
body{height:100%;overflow:hidden;}
.test{height:100%;}
很少给body设定高度,没想到还有这么个用处,overflow:hidden;根据情况而定
容器要求高度随浏览器的变化而自适应填充(不用JS),仅仅用CSS完成的高度自适应方法:
Html代码示例:
<div class="test"></div>
Css代码:
body{height:100%;overflow:hidden;}
.test{height:100%;}
很少给body设定高度,没想到还有这么个用处,overflow:hidden;根据情况而定
相关文章推荐
- CSS 中浏览器高度自适应
- css 控制div高度自适应浏览器的高度
- div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)
- 浅谈CSS在不同的浏览器控制自适应高度
- div等比例缩放-------纯CSS实现自适应浏览器宽度的正方形
- CSS等高布局,3div自适应最高的高度
- ExtJs学习笔记(三)——grid高度自适应浏览器
- DIV+CSS左右两列自适应高度的方法
- 网页设计 DIV+CSS――自适应高度
- DIV+CSS左右列高度自适应问题
- 左侧菜单 高度自适应浏览器高度
- jquery兼容各种浏览器的iframe自适应高度的脚本
- [DIV+CSS] IE6浮出层穿透解决方案中的iframe高度自适应
- 解决子元素用css float浮动后父级元素高度自适应高度
- [原]CSS中全屏高度自适应
- Iframe跨浏览器自适应高度完美解决方案
- CSS + DIV 经典布局,DIV统一自适应高度
- 自适应高度的一个遮罩层css
- 新手的CSS前端框架设计,自适应浏览器变化
- 解决子级用css float浮动 而父级div没高度不能自适应高度