html - フッターの下部にある空白を削除する

Question

フッターの後の空白を削除するためにあらゆることを試みました。ここで私は Css に書きました:

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 100px;    /* Footer height */
}
#footer {
    background-color: #3F729B;
    bottom: 0;
    position: absolute;
    height:100px;
    width: 100%;
    color: black;
    text-align:center;
    padding: 0 30px;
}

これは私のページにあります：

 <div id="page-container">
        <div id="content-wrap">
     <!-- all other page content -->

<footer id="footer" >

</footer>
    </div>
    </div>