css - 在页面顶部显示div？

Question

基本上，当前设置在页面顶部和#header div 之间有空间。我想删除那个空间。尝试搜索，想出了添加

position:absolute;top:0;left:0;

到#header div，它可以工作(将它放在顶部没有空格)但是我的其余div 松散了它们的所有结构。如何将它定位在最顶部并保留其余 div 的当前布局？

我还在 div 下方使用图像作为背景。使用此代码。

body
{
background-image:url('../imagez/bestone1400.jpg');
background-repeat:no-repeat;
background-position:top, center;background-size:100%; 2000px;
}

提前致谢。

#container
{
width:100%;
}

#header
{
background-color:#FFA500;
height:400px;
}

#leftcolumn
{
background-color:#FFD700;
height:200px;
width:10%;
float:left;
}

#content
{
background-color:#EEEEEE;
height:200px;
width:80%;
float:left;
}

#rightcolumn
{
background-color:#FFD700;
height:200px;
width:10%;
float:right;
}

#footer
{
background-color:#FFA500;
clear:both;
text-align:center;
}

Answer 1

在 html 或 body 上可能有 padding 或 margin。尝试类似的东西:

html, body {
  padding: 0;
  margin: 0;
}

div 或其他元素上也可能有 padding 或 magins，因此通用选择器可能会起作用:

* {
  padding: 0;
  margin: 0;
}

但是实现 css 重置通常是一个好习惯，比如 this one ，这可能是最好的解决方案。