CSS位置調(diào)整到最底部是一種讓元素在頁面中垂直貼在底部的技巧。
/* HTML結(jié)構(gòu) */ <div class="container"> <div class="content"> <p>這是你要放置的內(nèi)容嗎?</p> </div> </div> /* CSS代碼 */ .container { position: relative; min-height: 100vh; } .content { position: absolute; bottom: 0; width: 100%; }
首先,我們需要在 HTML 結(jié)構(gòu)中創(chuàng)建一個容器元素和它的內(nèi)容元素。容器元素需要設(shè)定高度為窗口的 100%。
然后在 CSS 中可以對容器元素設(shè)置屬性 position: relative,這樣內(nèi)容元素的 position: absolute 將以它的容器元素為基準。
接著,對內(nèi)容元素設(shè)置 bottom: 0 將使它貼在容器元素的底部。width: 100% 則是為了讓元素占滿整個容器寬度。
這樣,我們就成功地將元素位置調(diào)整到了最底部。