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> 展开
我的代码结构是这样的,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> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询