2011-11-17 75 views
0

當我創建一個div時,它總是在頂部和左側添加空間。這裏是一個圖像:http://img265.imageshack.us/img265/7346/83425851cc8d4fc49eb78a9.pngCSS調整div,頂部和div之間的空格。

我不想那個空間,所以我能做些什麼來解決它?

HTML代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <title>Wozzies Blog</title><meta charset="utf-8"></meta> 
    <link rel="stylesheet" type="text/css" href="css/layout.css" /> 
</head> 

<body> 
    <div id="container"> 




    </div> 
</body> 

</html> 

CSS代碼:

body{ 
    background-image:url('../img/bg.png'); 
    background-repeat:repeat-y; 
} 

#container{ 
    background-image:url('../img/bgcontentor.png'); 
    background-repeat:repeat-y; 
    width: 798px; 
    height: 685px; 
    margin: auto; 
} 

回答

3

試圖給0到該屬性:

body { margin:0; padding:0; } 

有了這個代碼,空間應該消失,因爲,填充和利潤爲0

+0

很贊,很多謝塞思 – vvhat

1

我認爲你要刪除你的身體元素的填充(和利潤):

body { 
    padding: 0px; 
    margin: 0px; 
} 

我假設您已經嘗試刪除實際div上的邊距。 我最常做的是添加這對我的CSS文件的頂部:

* { 
    padding: 0px; 
    margin: 0px; 
} 

這樣一來,我可以設置特定的元素本身和任何違約行爲的所有填充和利潤將被忽略(如間距你碰到過)。

0

他們說什麼 - 設置填充和利潤爲0而是盒子 - 學習CSS box model,這樣你就會知道如何操作邊距,填充和邊框來獲得你想要的。