Question

如何使margin-top工作？ margin-left工作正常，但是margin-top

没有任何反应

p.ex1 {
  margin-top: 15px;
  margin-left: 35px;
}

<div class="footer2">

  <p class="ex1"> ABOUT US </p>

  <hr>


  <div class="footer">
    <br>
    <p id="top">
      <font size="5">Contact us</font>
    </p>
  </div>

Answer 1

取决于您的特定浏览器，top-margin标签上有默认的p。在Firefox上，这是16px（可能源自1em），在添加任何CSS之前就存在。因此，如果将top-margin设置为15px，几乎没有可预见的差异。尽管如此，它还是可以工作的-将其设置为25px（或任何明显不同于16px的东西，或者也可以设置为0px以真正地看到它没有任何上边距），并且您会看到的。

在下面的示例中，我更改了您的代码段，以使其在顶部空白处显示元素（即，我将其设置为零）。当您将鼠标悬停在其上方时，上边距将设置为15px。在那里，您会看到区别...

p.ex1 {
  margin-top: 0px;
  margin-left: 35px;
}
p.ex1:hover {
  margin-top: 15px;
}

<div class="footer2">

  <p class="ex1"> ABOUT US </p>

  <hr>


  <div class="footer">
    <br>
    <p id="top">
      <font size="5">Contact us</font>
    </p>
  </div>

最高利润不起作用

1 个答案: