HTML5标准,body高度问题
河豚 2016-04-12 04:35:51 在IE9下,一下代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<Link Rel="STYLESHEET" Href="hs.CSS" Type="text/css">
<title>Supcon Get view </title>
<style type="text/css">
html,body{height:100%; width:100%; overflow:hidden; margin:0; padding:0;}
.a1{width:100%; height:100%; color:#fff; background-color:#369; text-align:center;}
</style>
</head>
<body>
<table height="100%" width="100%">
<tr width = "100%">
<td>
<table align="center" width = "100%" height = "100%">
<tr>
<td>
<div class="a1">div1</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
和
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<Link Rel="STYLESHEET" Href="hs.CSS" Type="text/css">
<title>Supcon Get view </title>
<style type="text/css">
html,body{height:100%; width:100%; overflow:hidden; margin:0; padding:0;}
.a1{width:100%; height:100%; color:#fff; background-color:#369; text-align:center;}
</style>
</head>
<body>
<table height="100%" width="100%">
<tr width = "100%">
<td>
<table align="center" width = "100%" height = "100%">
<tr>
<td>
<div class="a1">div1</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
代码,两个代码只缺少<!DOCTYPE html>
执行出来的效果,完全不一样。为什么?
怎么将加了<!DOCTYPE html>的代码执行的效果和没有加执行的效果变成一致,怎么改。