Question

我的页面顶部有一张图片：

HTML：

<div id="back"></div>

CSS：

#back{
    padding: 10em 0 10em;
    background: url(img/img.jpg) no-repeat fixed center center;

    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

这很好但我希望垂直边距为零我尝试margin:0;以及margin-left: 0; margin-right: 0;但它没有用。使用*{margin:0}完成了这项工作，但是它影响了我不想要的其他元素，请为此提出一些解决方法。

Answer 1

你的问题不是后面的元素，而是父元素，在这种情况下，我猜你必须将它应用到正文：

body { margin: 0; }

检查所有父母，这是关键。

Answer 2

找到其父元素。我的意思是如果它已直接添加到<body>添加此

<强>的CSS：

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

如果您提供网站链接，将会很有帮助。所以访客可以找到确切的问题。

Answer 3

如果其父级是＆lt; body＆gt; ，请查看其填充或边距。例如如果是10px，请使用此css：
#back { margin-left : -10px; margin-right: -10px }

Answer 4

如果*{margin:0;}有效问题是浏览器为其父级设置的默认边距（<body>）您应该使用以下方法重置它：

body{margin:0;}

如果影响其他元素如上所述，您可以通过在受影响的元素上添加此规则来轻松管理：

margin: auto 1em;

Answer 5

在这种情况下，使用负值作为保证金例如

#back{ margin: -5px; }

根据您的需要设置负值-10，-5，-8或者它可能适合您的需要

重置特定元素的边距

5 个答案: