CSS是前端開發中非常重要的一部分,其中一個常見的需求就是將div放到頁面的最底部。下面我們來介紹一些實現這個需求的CSS方法。
方法一:使用絕對定位
div{ position: absolute; bottom: 0; }
方法二:使用Flex布局
body{ display: flex; min-height: 100vh; flex-direction: column; } div{ margin-top: auto; }
方法三:使用Grid布局
body{ display: grid; grid-template-rows: 1fr auto; } div{ align-self: end; }
以上三種方法可以幫助我們將div放到頁面的底部,但要根據具體需求選擇適合自己的方法。
上一篇mysql按百分比