如何在内联块后删除此空间?

我不知道这个空间是从哪里来的(在所附图片中用红色标记)?有什么建议吗?

这是一个“即将到来”的页面,主要有一个刊头和一个刊头,如果在移动或桌面上,一些社交链接的位置也不同。我的手机视图有问题。

这是相关的HTML:。

<div class=“mashead”>
<DIV class=“masthead bg”></DIV>
<div class=“container H-100”>
<div class=“row H-100”>
<div class=“col-12 my auto”>
<DIV class=“刊头内容文本白色PY-5 PY-MD-0”>
<h1 class=“mb-3”>注册</h1>
<P class=“MB-5”>生成X。
我们正在为你建造X大楼。<STRONG>使用下面的表单请求提前访问的邀请!</strong></p>
<form action=“https://hen.us18.list-manage.com/subscribe/post”method=“post”id=“mc embedded subscribe form”name=“mc embedded subscribe form”target=“_blank”>
<input type=“hidden”name=“U”value=“377B993BA697354F6584371C9”>
<input type=“hidden”name=“id”value=“e1c7ba1f4b”>
<DIV class=“输入组输入组新闻稿”>
<input type=“email”autocapitalize=“off”autocorrect=“off”name=“merge0”id=“merge0”size=“25”value=“”class=“form control”placeholder=“enter your email…”aria label=“enter email…”aria describedby=“basic addon”>
<DIV class=“输入组附加”>
<button class=“btn btn secondary”type=“submit”>通知我!</button>
</DIV>
<input type=“hidden”name=“ht”value=“f5b04550090025ab4743b2ecc932316028905c673:mtuzmtgymjmzmc43ndm3”>
<input type=“hidden”name=“mc_signupsource”value=“hosted”>
</DIV>
</Form>
</DIV>
</DIV>
</DIV>
</DIV>
</DIV>



<div class=“mastfoot”>
<DIV class=“内部桅杆脚”>
&copy;2018 x ltd.保留所有权利。&nbsp;amp;nbsp;amp;nbsp;amp;nbsp;
&nbsp;amp;nbsp;amp;nbsp;lt;A href=“/legal”>法律</A>
&nbsp;amp;nbsp;amp;nbsp;amp;nbsp;
&nbsp;amp;nbsp;amp;nbsp;lt;A href=“/contact”>联系人</A>
</DIV>
</DIV>

<DIV class=“社交图标”>
<ul class=“列出未设置样式的文本中心MB-0”>
<li class=“列出未样式的项目”>
<a href=“”>
<i class=“FA信封”></i>
</a>
</li>
<li class=“列出未样式的项目”>
<a href=“”>
<i class=“fa fa twitter”></i>
</a>
</li>
<li class=“列出未样式的项目”>
<a href=“”>
<i class=“fa fa medium”></i>
</a>
</li>
<li class=“列出未样式的项目”>
<a href=“”>
<i class=“fa fa linkedin”></i>
</a>
</li>
<li class=“列出未样式的项目”>
<a href=“”>
<i class=“fa fa instagram”></i>
</a>
</li>
<li class=“列出未样式的项目”>
<a href=“”>
<i class=“fa fa facebook”></i>
</a>
</li>
</ul>
</DIV>

以及相关的CSS:


{
位置:绝对;
顶部:0;
底部:0;
右:0;
左:0;
宽度:100%;
最小高度:35rem;
高度:100%;
背景色:RGBA(0,46,102,.8);
变换:倾斜(4度);
变换原点:右下角
}

.社交图标{
位置:绝对;
下边距:2Rem;
宽度:100%;
Z索引:2
}

.社交图标{
上边距:2Rem;
宽度:100%;
文本对齐:居中
}

.社交图标ul>li{
左边距:75rem;
右边距:75雷姆;
显示:内联块
}

.社交图标ul>li>a{
显示:块;
颜色:fff;
背景色:RGBA(0,46,102,.8);
边界半径:100%;
字体大小:1REM;
线高:2Rem;
高度:2Rem;
宽度:2毫米
}

.桅足{
颜色:262626;
颜色:RGBA(26,26,26,.5);
位置:绝对;
底部:10px;
宽度:100%;
左边距:自动;
右边距:自动;
Z索引:2
}

.内桅足{
字体大小:0.8rem;
文本对齐:居中
}



这是一个“即将到来”的页面,主要有一个刊头和一个刊头,如果在移动或桌面上,一些社交链接的位置也不同。我的手机视图有问题。


这是相关的HTML:


<div class="masthead">
  <div class="masthead-bg"></div>
  <div class="container h-100">
    <div class="row h-100">
      <div class="col-12 my-auto">
        <div class="masthead-content text-white py-5 py-md-0">
          <h1 class="mb-3">Register</h1>
          <p class="mb-5">Building a X.
          We're building X for you. <strong>Request an invitation for early access using the form below!</strong></p>
          <form action="https://hen.us18.list-manage.com/subscribe/post" method="POST" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank">
            <input type="hidden" name="u" value="377b993ba697354f6584371c9">
            <input type="hidden" name="id" value="e1c7ba1f4b">
            <div class="input-group input-group-newsletter">
              <input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value="" class="form-control" placeholder="Enter your email..." aria-label="Enter email..." aria-describedby="basic-addon">
              <div class="input-group-append">
                <button class="btn btn-secondary" type="submit">Notify Me!</button>
              </div>
                <input type="hidden" name="ht" value="f5b0455009025ab4743b2ecc932316028905c673:MTUzMTgyNjMzMC43NDM3">
                <input type="hidden" name="mc_signupsource" value="hosted">
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>



<div class="mastfoot">
      <div class="inner-mastfoot">
        &copy; 2018 X Ltd. All Rights Reserved. &nbsp;&nbsp;&nbsp;&nbsp; • 
    &nbsp;&nbsp;&nbsp;&nbsp; <a href="/legal">Legal</a> 
&nbsp;&nbsp;&nbsp;&nbsp; 
    • &nbsp;&nbsp;&nbsp;&nbsp; <a href="/contact">Contact</a>
      </div>
  </div>

<div class="social-icons">
  <ul class="list-unstyled text-center mb-0">
    <li class="list-unstyled-item">
      <a href="#">
        <i class="fa fa-envelope"></i>
      </a>
    </li>
    <li class="list-unstyled-item">
      <a href="#">
        <i class="fa fa-twitter"></i>
      </a>
    </li>
    <li class="list-unstyled-item">
      <a href="#">
        <i class="fa fa-medium"></i>
      </a>
    </li>
    <li class="list-unstyled-item">
      <a href="#">
        <i class="fa fa-linkedin"></i>
      </a>
    </li>
    <li class="list-unstyled-item">
      <a href="#">
        <i class="fa fa-instagram"></i>
      </a>
    </li>
    <li class="list-unstyled-item">
      <a href="#">
        <i class="fa fa-facebook"></i>
      </a>
    </li>
  </ul>
</div>



以及相关的CSS:


.masthead .masthead-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  min-height: 35rem;
  height: 100%;
  background-color: rgba(0, 46, 102, .8);
  transform: skewY(4deg);
  transform-origin: bottom right
}

.social-icons {
  position: absolute;
  margin-bottom: 2rem;
  width: 100%;
  z-index: 2
}

.social-icons ul {
  margin-top: 2rem;
  width: 100%;
  text-align: center
}

.social-icons ul>li {
  margin-left: .75rem;
  margin-right: .75rem;
  display: inline-block
}

.social-icons ul>li>a {
  display: block;
  color: #fff;
  background-color: rgba(0, 46, 102, .8);
  border-radius: 100%;
  font-size: 1rem;
  line-height: 2rem;
  height: 2rem;
  width: 2rem
}

.mastfoot {
  color: #262626;
  color: rgba(26, 26, 26, .5);
  position: absolute;
  bottom: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2
}

.inner-mastfoot {
  font-size: 0.8rem;
  text-align: center
}