可支持IE6+,firefox,chrome。其中容易被忽略的是
<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
,不能使用XHTML
<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
,不能使用XHTML
<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN"> <html> <HEAD> <title>table布局中自适应高度的解决办法</title> <style type="text/css"> html,body{height:100%;font-size:12px;} td {border:1px solid red;font-size: 12px;color: #000000;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;} #main{border:1px solid red;width:100%;min-height:100%;height:100%;overflow:hidden !important;overflow: visible;} #header{height:94px;border:1px solid red;} </style> </head> <body> <table id="main"> <tr><td id="header">我的顶部</td></tr> <tr><td>我是主要内容</td></tr> </table> </body> </html>
我的顶部 |
我是主要内容 |