CSS 中浏览器高度自适应
2009-07-09 14:56
211 查看
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 控制div高度自适应浏览器的高度
- CSS 中浏览器高度自适应
- div+css 左右两列自适应高度 ,以及父级div也跟着自适应子级的高度(兼容各大浏览器)
- 浅谈CSS在不同的浏览器控制自适应高度
- CSS布局中自适应高度的解决方法
- JQERY EasyUI Tabs 选项卡 自适应浏览器宽度高度 解决方案
- DIV+CSS左右两列自适应高度的方法
- iframe显示高度自适应兼容多浏览器
- html css div自适应屏幕宽度,高度
- 本人做的自适应高度的CSS圆角
- iframe高度宽度自适应兼容所有浏览器
- 简单而兼容性好的Web自适应高度布局,纯CSS
- CSS布局之-高度自适应
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- (div+css)上下固定中间自适应高度网页布局的实现
- iframe自适应高度(兼容多种浏览器)
- jquery实现div自适应浏览器高度(宽度)
- css中div高度自适应且固定剩余高度由另外div内容填充