Question

假设我有一个像这样的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成为页面的顶部（也就是说，灰色区域填满了网页的顶部）。但它总是在灰色背景周围有一些白色填充区域。

谁能告诉我如何摆脱白色区域？

感谢。

Answer 1

您需要重置body代码的保证金：

body {
  margin: 0;
}

请参阅DEMO。

Answer 2

将margin:0;padding:0添加到您的id="logo_area"样式中。同时将style="margin:0;padding:0"添加到您的正文标记中。

另请注意，使用单独的CSS文件通常比使用这些内联样式更好。

如何摆脱div的填充区域？

2 个答案: