Java
HTML5标准，body高度问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区在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>的代码执行的效果和没有加执行的效果变成一致，怎么改。
<!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>的代码执行的效果和没有加执行的效果变成一致，怎么改。
...全文
相关推荐
HTML5 body设置自适应全屏
用什么代码实现？不允许有白色底色产生，因为手机高度不一样 设计图要标准（750）确认是背景图（通屏底图）应用场景：移动端宣传页面或者活动页面 错误的写法：加到div中结合图片设置min-height，但是页面不会回弹 终极方案 html,body{ width:100%; height:100% } body{ font-family: "华文细黑"; background:url("../img/Flyer-bg.png") no-repeat; background-size: 100%; } 一个hack方案解决垂直剧中问题 <head> <meta ch
JS获取scrollHeight问题想到的标准问题
如果没有文档声明可以用 document.body.scrollHeight,如果有文档声明必须用 document.documentElement.scrollHeight关于这方面的东西
举例讲解HTML中iframe和frame的区别
frame这个标签不知大家注意过没有,它必须放在frameset中使用,而且经常容易和iframe混淆,这里我们就来举例讲解HTML中iframe和frame的区别,需要的朋友可以参考下
CSS解决未知高度的DIV垂直居中
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
PC端和移动端自适应问题的快速解决方法
如何解决PC端和移动端自适应问题？下面小编就为大家带来一篇PC端和移动端自适应问题的快速解决方法。希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦
