如何摆脱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的填充区域？

回答

相关问题