如何隐藏＆＃39;包装＆＃39;就在第一节？

Question

首先是HTML：

<div id="wrapper">
            <!--=============== Hero content ===============-->
            <div class="content full-height hero-content" id="sec1">

包装器是20px填充（左，右）： 屏幕左侧和右侧有两个白色20px填充。将所有内容（整个页面）移近。

我希望这个包装器消失，但仅限于文档的第一部分。 我该怎么办？

Answer 1

您可以尝试在媒体查询中为#sec1添加负余量吗？

@media (max-width: 767px){
  #sec1{
   margin: -20px -20px 0;
  }
}