IoT-Arduino
9/27/2019 - 3:22 AM

footerの下に白い余白ができる場合の解決策(HTML/CSS)

https://guuten.net/footer-margin/ footerの下に白い余白ができる場合の解決策(HTML/CSS)を解決が簡単な順にお伝えします。解決策1.高さ(height)の指定を避ける、2.htmlとbodyのheightを100%にする


<body>
  <div id="wrapper">
        <div>
        //コンテンツの中身
        <div>
       <footer>
        //footerの中身
        </footer>
  </div>
</body>




body, #wrapper{
   display:flex;
   flex- direction: column;
   min-height: 100vh;
}
 
footer{
  margin-top:auto;
}