页面顶部和页面上的第一个div之间的气隙

Question

这里是示例html：

<style type="text/css">
.column
{
float: left;
width:33.3%;
}

#container
{
text-align: center; 
width:100%;
}

.clearfix 
{
display: inline-block; 
}
</style>
<div id="container" class="clearfix">
      <div class="column">left</div>
      <div class="column">middle</div>
      <div class="column">right</div>
</div>

我想知道为什么在这种情况和情况类似的情况下，大多数（所有？）浏览器的页面顶部与包含文本的div之间存在差距。我知道我可以做一个“顶部：-y px”，但我知道我做错了...

Answer 1

除非另有说明，否则某些（大多数）浏览器会添加默认填充，边距和边框。确保通过执行以下操作来防止这种情况：

  

html，body {    保证金：0px;    填充：0px;    边框：0px;    }

然后根据你的条款从那里拿走它。这里的 an explanation of default browser behaviour