DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
来源:互联网 发布:最先进人工智能机器人 编辑:程序博客网 时间:2024/06/03 17:45
#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
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/simonhe1973/archive/2008/10/21/3116335.aspx
- 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)
- HTML添加网站计数器(Cookie)
- UBuntu ftp
- One Nightmare
- linux多线程学习(三)——互斥锁线程控制
- Struts1和Struts2的区别和对比
- DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
- Windows Server 2008+IIS 7+ASP.NET支持10万个同时请求
- 转换人民币大小金额
- 解决phpMyAdmin登陆报错问题
- ASP.NET代码片段
- 关于openlaszlo的中文教程
- Windows Moblie 开发工具
- 11月10号,感觉今天很忙碌
- 梦中