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或正文可能有padding或margin。尝试类似：

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

div或其他元素上也可能有填充或magins，因此通用选择器可能有效：

* {
  padding: 0;
  margin: 0;
}

但实施css重置通常是一种很好的做法，例如this one，这可能是最佳解决方案。

Answer 2

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

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

在页面顶部显示div？

2 个答案: