html - 如何使 div 粘在没有包装的页面底部？

Question

所以我正在构建我的网站，这就是我 body 标签中的所有内容:

   #social-media {
	    width: 175px;
	    margin-left: auto;
	    margin-right: auto;
	    padding-top: 10%;
    }
    #social-media img {
	    padding: 5px;
    }
    #social-media ul li {
	    display: inline;
    }

    <div id="logo"></div>
    <div class="search">
      <form action="search.php" method="get">
      <input name="keywords" type="text" placeholder="Search for a movie!" autocomplete="off" size="40">
        <input type="submit" value="DRINK!">
      </form>
    </div>

    <div id="social-media"> 
    <img src="facebook2.png">
    <img src="twitter2.png">
    </div>
 

无论用户使用什么设备查看，我都试图将社交媒体 div 固定到页面底部，是否可以在没有包装器的情况下执行此操作？

Answer 1

如果您希望它始终出现在屏幕底部，请使用

#social-media {
    positioning: fixed;
    bottom: 0;
}

可以找到关于 W3Schools 的文档 here

如果你想确保它总是在实际页面的底部(在其他内容下面)那么试试:

#social-media {
    clear: both;
}