解决IE6不支持min-height的两种办法
最小高度min-height是很有用的,但IE6却不支持。真烦人。有没有办法呢?
第一种方法:我们可以利用IE6不识别!important来实现:
height:auto!important; height:500px; min-height:500px; |
这3句代码就让IE6也有了高度min-height的效果,大家可以把下面的代码复制保存成网页文件看看效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>爱问知识人网|电脑故障解决网站|网站源码分享共享资料|黑客防范|程序漏洞|电脑技巧教程|计算机软件编程错误|爱问知识网与你共分享</title> </head> <style type="text/css"> * { margin:0; padding:0; } body { font-family:Arial, Helvetica, 宋体, sans-serif; font-size:12px; text-align:center; background-color:#D4D5CC; } #wrapper { height:auto!important; height:500px; min-height:500px; width:760px; background-color:#e5e5e5; border:1px solid #fff; text-align:left; line-height:150%; padding:20px; margin:10px auto; } </style> <body> <div id="wrapper"> <p>知识是人类进步的阶梯,汇集网络众多知识,你的疑问,就是我们要解答的,包括电脑硬件、软件,计算机维修,电脑编程,各种程序的漏洞,网站挂木马等,业界新闻等学习娱乐的好去处 </p> <p><br/></p> <p>Knowledge is the ladder of the progress of mankind, pooling network many knowledge, your question, is that we want to answer, including computer hardware, software, computer maintenance, computer programming, all kinds of program errors, and website hang Trojan, and that the industry news study the good place of entertainment<br /> </p> </div> </body> </html> |
还有第二种方法:在IE6IE5IE7FF测试竟然正常,而且能通过W3C检测的,方法如下:
#test { min-height:100px; //这一句在ie7和FF已经可以正常显示了 background:#BBB; _height:100px; //这一句在ie6,ie5测试显示正常。但不能过W3C验证 overflow: visible; //这一句为了注明#test当内容超过100px时就自动延长 } |
注意:你必须保证#test以外的都要是overflow:visible。否则还是不会显示超出。