Воздушный зазор между верхней частью страницы и первыми элементами на странице

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>

Мне было интересно, почему в подобной ситуации и в подобных ситуациях существует разрыв между верхней частью страницы в большинстве (всех?) Браузеров и разделителями, содержащими текст. Я знаю, что могу сделать "top:-y px", но я знаю, что я делаю что-то не так...

Answer 1

Некоторые (большинство) браузеров добавляют отступы, поля и границы по умолчанию, если не указано иное. Убедитесь, что вы предотвратили это, выполнив:

html, body { margin: 0px; отступы: 0px; граница: 0px; }

А потом взять его оттуда на ваших условиях. Вот объяснение поведения браузера по умолчанию.