在頁面頂部顯示div？

基本上，當前設置在頁面頂部和#header div之間有空格。我想刪除那個空間。試圖尋找，想出了將在頁面頂部顯示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; 
}

來源

2013-04-27 classA

上有HTML或身體可能padding或margin。嘗試是這樣的：

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

也有可能是在div或其他元素填充或magins，因此普遍選擇可能的工作：

* { 
    padding: 0; 
    margin: 0; 
}

但它通常是實現一個css重置好的做法，像this one，這可能是最好的解決方案。

來源

2013-04-27 10:47:58 aguynamedloren

您好，感謝您的答覆。這刪除了兩側的填充物，但不在頂部（空間仍然存在）。我使用一個圖像作爲背景在這個代碼體的div下面 background-image：url（'image1.jpg'）; background-repeat：no-repeat; background-position：top，center; background-size ：100％; 2000px;}這可能會影響它嗎？ – classA 2013-04-27 10:52:45

查看更新的答案 – aguynamedloren 2013-04-27 10:55:36

結尾處的'2000px'是什麼？ – aguynamedloren 2013-04-27 10:56:44

您應該刪除默認的瀏覽器填充，邊距和邊框，使用：

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

來源

2013-04-27 10:50:55

在頁面頂部顯示div？

回答

相關問題