DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
来源:互联网 发布:海口医院招聘网络主管 编辑:程序博客网 时间:2024/06/06 20:27
#mainbody{
..
min-height:400px;
*min-height:400px;
height:auto;
*height:400px;
}
以上CSS在IE 6.0,FireFox下可以实现Div高度根据内容自动拉伸,IE6下当Div高度大于400px时,Div会自动拉伸。
但在IE7下却无法实,其原因就是*height:400px;在IE7下不在自动拉伸,而是变为固定高度,那么当Div内部嵌套内容高于400px时,就会被截断。
目前IE 7可以正确支持!important(FireFox同样也支持),故修改如下,其书写顺序以firefox的写在前面,IE7的写在中间,IE6的写在最后面。
#mainbody{
..
height:auto!important; /* IE7+FF 这句必须写在前面*/
min-height:400px;
*height:400px; /*IE6*/
}
相关联接:
http://blog.csdn.net/able123521/archive/2008/01/14/2043674.aspx
http://blog.yi521.com/u/26/2008923124047.html
相关联接:
http://blog.csdn.net/able123521/archive/2008/01/14/2043674.aspx
http://blog.yi521.com/u/26/2008923124047.html
- DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
- DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
- DIV的高度自动拉伸(height属性)…
- option元素 display属性在IE下无效的解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- div层调整z-index属性弹在IE中无效的解决方法
- 转:IE和Firefox的div高度自适应解决方法
- 让Div在IE和Firefox下自适应高度
- div层调整z-index属性在IE中无效原因分析及解决方法
- div层调整zindex属性在IE中无效原因分析及解决方法
- div层调整z-index属性在IE中无效原因分析及解决方法
- div层调整z-index属性在IE中无效原因分析及解决方法
- div高度自动撑大的问题(兼容ie和FF)
- JSP中文乱码
- 设计模式漫谈系列之独孤九剑(转自sban blog)
- Java读取properties配置文件
- [Syteline]Syteline ERP 跑MRP需要注意事项
- Javascript 捕捉鼠标左击事件
- DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
- 体验 Delphi2009 的 JSON
- 对比C++和Java
- 如何卸载自己部署在sharepoint中的工作流
- VS2008 快捷键大全
- Delphi 操作 DTS
- 攻克CakePHP系列一:连接MySQL数据库
- 解决比较Oracle中CLOB字段问题
- computer