如何擺脫div的填充區域？

假設我有一個div區域是這樣的：如何擺脫div的填充區域？

<html> 
<head> 
</head> 

<body> 
    <div id="logo_area" style="background-color:gray;height:40px;"> 
    <div id="logo" style="float:left;margin-left:auto;margin-right:auto;width:80%;height:50%;padding-left:50px;"> 
    <img border="0" src="images.jpg" width="30" height="30"> 
    </div> 
    <div id="admin" style="padding:15px;"> 
    <a>LOG IN</a>|<a>SIGN UP</a> 
    </div> 
    </div> 
</body> 

</html>

我想使logo_area成爲頁面的頂部（也就是說，灰色區域填補了網頁的頂部）。但它在灰色背景周圍總是有一些白色的填充區域。

誰能告訴我如何擺脫白色區域？

謝謝。

來源

2013-01-24 Kintarō

我用你的例子創建了一個jsFiddle頁面。它似乎正在工作，因爲你想... http://jsfiddle.net/BN57R/ – lukeocom

您需要保證金重置您的body標籤：

body { 
    margin: 0; 
}

見DEMO。

來源

2013-01-24 00:22:14 zakangelle

謝謝！有用！ –

將margin:0;padding:0添加到您的id="logo_area"風格。還要將style="margin:0;padding:0"添加到您的身體標記。

另請注意，使用單獨的CSS文件通常比這些內聯樣式更好。

來源

2013-01-24 00:20:28 Mooseman

也應該這樣做你因爲這可能是一個瀏覽器默認。看看使用CSS重置樣式表。 –

如何擺脫div的填充區域？

回答

相關問題