Question

我希望我的背景能够覆盖浏览器的总宽度，例如在facebook网站

http://www.flickr.com/photos/41695354@N08/4228675694/

但是我的背景在浏览器的两侧（左侧和右侧）都有间隙

http://www.flickr.com/photos/41695354@N08/4227911233/

为什么会这样？

帮帮我

我的css

body
{
color:#000000;
background-color:#FFFFFF;
}

.wrapper
{
 margin:0px auto;
 border:#000000 1px solid;
 height:38px;
 background-image:url(../images/logo_bck.jpg);
}

HTML

<body>
    <div class="wrapper">
        </div>
</body>

Answer 1

我假设您没有使用重置样式表...正文标记通常默认为有保证金。您应该可以通过添加规则来解决问题：

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

Answer 2

* {
  margin: 0;
  padding: 0;
}

Answer 3

重置HTML / BODY的边距/填充以消除此问题。

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

作为对这些类型问题的更全面的解决方案，我建议在每个项目中使用Reset style-sheet。

Answer 4

除了有关默认填充和其他答案的其他答案。各种浏览器给出的边距，开始确定哪个元素具有哪种布局和属性的简单方法是使用Firebug。

http://getfirebug.com/

它让网络开发变得更容易为我和其他许多人做。

在浏览器的每一侧产生不需要的空间用于包装。为什么？

4 个答案: