Question

我创建了一个名为navbar的div，它通过对主体进行样式化而没有边距：

body {
margin: 0;
}

但是现在我想创建一个在导航栏下没有边距的div。如何制作一个没有边距的div，一个带有？

Answer 1

假设你体内有2个div：

<body>
   <div id="div1"></div>
   <div id="div2"></div>
</body>

你的css：

body {
margin: 0;
}

#div1 {margin:0}
#div2 {margin:5px}//or auto or whatever

您可以通过为其（或类）分配ID来定位特定元素。

你的问题有点让人困惑，因为你设置了0个边距。 0 =据我所知，没有保证金。但是，我提到的规则将帮助您轻松解决这个问题。

希望这有帮助！

Answer 2

body {
   margin: 0;
}

在上面的代码中，它只是给主体一个0的边距。它不会给你页面中的所有元素提供0的余量。看起来这就是你认为它会做的。如果你想给所有元素body, p, ul, li, h1, etc一个0的边距，它将被写成这样的

* {
   margin: 0;
}

*是一个通用选择器。

有很多方法可以为元素提供边距。

假设你有以下html：

<header id="header">
    <div class="nav">
       <ul>
         <li>Menuitem1</li>

         <li>Menuitem2</li>

         <li>Menuitem3</li>

         <li>Menuitem4</li>
       </ul>
     </div>
   </header>

您可以通过

为所有导航菜单提供保证金

.nav li {
    margin: 10px;
}

这将给李的所有方面带来10px的余量。顶部，右侧，底部和左侧。

下面这个例子的顶部和底部边距为0，但左右边距为5px。

.nav li {
    margin: 0 5px;
}

下面这个例子可以在右侧给出8px的余量。

.nav li {
    margin: 0 8px 0 0;
}

现在假设你想给标题留下一个底边。

header {
    margin: 0 0 50px 0;
}

您还可以使用％'作为边距，以使其响应。

header {
    margin: 0 0 10% 0;
}

Answer 3

一种选择是将id分配给id，而不是分配给标签

如何让div有一个保证金，但其他人不是？

3 个答案: