我的 HTML 中有一个 body 标签，它应该填满整个页面(整个 html 标签如此)，但它出现在顶部之间的一些像素页面和 body 标签的顶部。
奇怪的是，如果我在我的 CSS 中强制使用 body {padding: 0;}，页面顶部仍然有这个小栏，而 body 没有。无法填充，而如果我将 padding 设置为任何非零值，则小栏会被 body 覆盖并应用指定的填充。
这是我的简单 CSS(它为 body HTML 标签设置了样式，其中填充了 div 和普通内容):
html {
height: 100%;
margin: 0;
padding: 0; // this is ok, html fills the whole page
}
body {
margin: 0;
height: 100%;
padding-top: 1px; // here, if I write padding:0;, space at the top will not be filled by body
}
编辑
这是我的 HTML，我不知道它是否有用。
<body>
<div id="container">
<header id="page_header">
stuff
</header>
<section id="page_content">
stuff
</section>
<footer id="page_footer">
stuff
</footer>
</div> <!-- end of div#container -->
</body>
注意:我同时使用 Firefox 和 Chrome，行为相同。
最佳答案
您可以尝试清除 html 和 body 标签的 CSS 规则，并简单地放置:
/* basic CSS reset */
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
width: 100%;
}
关于html - body 标签表现不正常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15560294/