最高保证金价值没有做任何事情？

Question

我知道之前已经问过这个问题。我只是练习网页设计，并假装为武术学校创建一个网站（纳什维尔自卫不是一个真正的业务）。

我遇到问题，＃Slogan的最高保证金价值似乎不起作用。事实上，获得最高和最低利润率是我一直遇到的挥之不去的问题。

结果：

任何人都可以解决这个问题吗？

＆＃13;

＆＃13;

#Title {
  border-width: 1px;
  border-style: solid;
  border-color: greenyellow;
  width: 50%;
  float: left;
  margin-left: 45px;
  margin-top: 10px;
  margin-bottom: 0;
  height: 42px;
}

#Title h1 {
  font-family: Stencil, sans-serif;
  font-size: 42px;
  margin-top: 2px;
  margin-left: 9px;
}

#Slogan {
  border-width: 1px;
  border-style: solid;
  border-color: green;
  width: 50%;
  height: 50px;
  float: left;
  margin-left: 14%;
  margin-top: none;
  display: inline-block;
}

＆＃13;

<div id="Container">
  <div id="TopofPage">
    <div id="Title">
      <h1>Nashville Self-DEfense</h1>
      <div id="Slogan"></div>
    </div>
    <div id="SocialMedia"></div>
    <!--not shown in image-->
  </div>
<div id="TopMenu">
    <ul>
      <li><a href="#home">HOME</a></li>
      <li><a href="#news">CLASSES</a></li>
      <li><a href="#contact">STORE</a></li>
      <li><a href="#about">ABOUT</a></li>
      <li><a href="#about">CONTACT</a></li>
    </ul>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

而不是margin-top:none;使用margin-top: 0px !important

Answer 2

必须如此 margin-top: 0; 不  margin-top: none;

接下来的事情是它在＆＃39; 0＆＃39;只要前一个元素（#title h1）设置了边距。

Answer 3

目前还不清楚你想要达到的目标。

如果您想缩小#Title h1和#Slogan元素之间的间距，那么正如其他人所建议的那样，您需要减少#Title h1元素的底部边距。

#Title {
  border-width: 1px;
  border-style: solid;
  border-color: greenyellow;
  width: 50%;
  float: left;
  margin-left: 45px;
  margin-top: 10px;
  margin-bottom: 0;
  height: 42px;
}

#Title h1 {
  font-family: Stencil, sans-serif;
  font-size: 42px;
  margin-bottom: 10px;    // <-- added
  margin-top: 2px;
  margin-left: 9px;
}

#Slogan {
  border-width: 1px;
  border-style: solid;
  border-color: green;
  width: 50%;
  height: 50px;
  float: left;
  margin-left: 14%;
  margin-top: none;
  display: inline-block;
}

<div id="Container">
  <div id="TopofPage">
    <div id="Title">
      <h1>Nashville Self-DEfense</h1>
      <div id="Slogan"></div>
    </div>
    <div id="SocialMedia"></div>
    <!--not shown in image-->
  </div>
<div id="TopMenu">
    <ul>
      <li><a href="#home">HOME</a></li>
      <li><a href="#news">CLASSES</a></li>
      <li><a href="#contact">STORE</a></li>
      <li><a href="#about">ABOUT</a></li>
      <li><a href="#about">CONTACT</a></li>
    </ul>
</div>