html - 在特定行的元素之后，在 materialize 的页脚中提供额外不需要的空间。想删除它

Question

我在 footer 中创建了一行，它给我提供了与 footer 相同颜色的额外不需要的空间，检查它显示了在创建行后自动创建的 after 元素。

当我尝试通过 margin top:-12rem 删除它时；它被删除，但所有行都受到干扰。但它不会对特定的 id 或 class 做出响应。

.page-footer {
  /* position: relative; */
  width: 100%;
  background-color: black!important;
  text-align: center;
  min-width: 640px;
}

#frow {
  min-width: 640px;
  margin-top: -15rem!important;
  text-align: center;
}

<div class="page-footer ">
  <div class=" row " style="margin-top: -13rem;" id="frow">
    <div class="col l4 s12 m4">
      <h5>About CLub</h5>
      <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
        <li><a href="#">Link 4</a></li>
      </ul>
    </div>
    <div class="col l4 s12 m4">
      <h5>Memberships</h5>
      <ul>
        <li><a href="#"> Join</a></li>
        <li><a href="#"> Renew</a></li>
        <li><a href="#"> Benifits</a></li>
        <li><a href="#"> IEEE Collaboration</a></li>
      </ul>
    </div>
    <div class="col l4 s12 m4">

      <h5>Grow With Us</h5>
      <ul>
        <li><a href="#">Careers</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">get involved</a></li>
      </ul>
    </div>
  </div>
  <div style="color: white;text-align: center; ">
    <p>We'll your encourage ideas and shape your future </p>
  </div>
  <div style="color: white;text-align: center; ">
    <a href="www.facebook.com" class="social-icon"><i class="fab fa-facebook">&nbsp;</i></a>
    <a href="www.instagram.com" class="social-icon"><i class="fab fa-instagram">&nbsp;</i></a>
    <a href="www.twitter.com" class="social-icon"><i class="fab fa-twitter">&nbsp;</i></a>
  </div>
</div>

Answer 1

尝试删除 div 并尝试使用 section 作为你的标签。这样类将被包含在 section 标签中。它可能比 div 更有用，或者更好的是仍然使用 paragraph 标签它会更有用你。