Question

我认为我遇到的问题与margin没有在另一个div内的div上崩溃有关，但我可能错了。

我希望有人可以在这方面把我推向正确的方向。

以下是我正在处理的网页代码的一小段代码：

＆＃13;

.space25 {
  margin-bottom: 1.563em;
}
#menu {
  text-align: center;
  color: white;
  margin-top: .9375em;
  margin-bottom: .9375em;
}

＆＃13;

<div id="page-wrap">
  <div id="header">

    <div id="logo">
      <img src="logohuge2.png" width="750px">
    </div>

    <div id="menu">
      <h5><span class="btn">CURRENT WORK</span> <span class="btn-active">PRICING</span> <span class="btn">CONTACT</span></h5>
    </div>

  </div>

  <div id="mediumtitle" class="25space">
    Basic Packages</br>
    </br>
  </div>
</div>

＆＃13;

Answer 1

因为CSS中的类与HTML中的类不同

你有这个：

<div id="mediumtitle" class="25space">

然后你有CSS

.space25 {
    margin-bottom: 1.563em;
}

备注

课程不能以数字开头
不要使用width html标记，而是使用CSS来设置img
</br>无效，有效期应为<br>或<br/>，但请勿在内容中使用<br />，而应使用margin或padding依赖于案件

段

＆＃13;

.space25 {
  margin-bottom: 1.563em;
}
#menu {
  text-align: center;
  color: white;
  margin-top: .9375em;
  margin-bottom: .9375em;
}
img {
  width: 750px
}

＆＃13;

<div id="page-wrap">
  <div id="header">
    <div id="logo">
      <img src="//placehold.it/750x300" />
    </div>
    <div id="menu">
      <h5><span class="btn">CURRENT WORK</span> <span class="btn-active">PRICING</span> <span class="btn">CONTACT</span></h5>
    </div>
  </div>
  <div id="mediumtitle" class="space25">
    Basic Packages
  </div>
</div>

＆＃13;

Answer 2

班级名称不应该以数字开头，请参阅此处解释原因：https://stackoverflow.com/a/449000/6028607

因此，使用.space25代替.25space，它可以正常工作。

See this fiddle

为什么我的margin-top CSS在这种情况下不起作用？

2 个答案:

备注

段