在页面顶部显示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，这可能是最好的解决方案。

Answer 2

您应该删除默认浏览器填充、边距和边框，使用：

/*reset default browser settings */
html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
}