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

【问题标题】：Air-gap between top of page and first divs on page页面顶部和页面上的第一个 div 之间的气隙
【发布时间】：2012-05-21 09:51:59
【问题描述】：

这里是示例 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 之间存在间隙。我知道我可以做一个“top:-y px”，但我知道我做错了什么......

【问题讨论】：

标签： css html gaps-in-visuals

【解决方案1】：

除非您另行指定，否则某些（大多数）浏览器会添加默认的内边距、边距和边框。确保通过以下方式防止这种情况：

html，正文 { 边距：0px；填充：0px；边框：0px； }

然后根据您的条件从那里拿走它。这里是 an explanation of default browser behaviour.

【讨论】：