css - 页面顶部和页面上的第一个 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；}

然后按照你的条件从那里拿走它。这 是默认浏览器行为的解释。