html{width:100%;height:100%}和body{width:100%;height:100%;margin:0;padding:0;}html和body咋没有重叠

html{width:100%;height:100%;background:red;}body{margin:0;padding:0;width:100%height:... html{ width: 100%; height: 100%; background:red;}body{ margin: 0; padding: 0; width: 100% height: 100%; background:#47c9af;}html和body同样是1349 x 369,为什么body比html低了16px?
我的代码结构是这样的,body包含有ul元素,因为ul元素默认的margin:16px 0 16px 0;(不同的浏览器有差异),没有去除ul的默认样式,所以body被迫拉下来16px
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
html{
width: 100%;
height: 100%;
background: red;
}
body{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background:#47c9af;
}
</style>
</head>
<body>
<div>
<ul>
<li>asdf</li>
<li>asdf</li>
<li>aasdfa</li>
</ul>
</div>
</body>
</html>
展开
 我来答
唔嘿啰哇
2015-08-01 · TA获得超过249个赞
知道小有建树答主
回答量:156
采纳率:0%
帮助的人:132万
展开全部
你用的火狐?
我用火狐、ie7~ie9、谷歌。全部显示没有边距。
你body定义了外边距和内边距全部为0,理论上不可能有上边距。
更多追问追答
追问
谷歌 火狐下都一样有问题啊
追答

谷歌显示

火狐

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式