CSS中如何讓一個(gè)div貼底？這是很多前端開發(fā)者在布局時(shí)經(jīng)常遇到的問題。下面介紹兩種解決方案。

第一種方案是使用定位，將div的position設(shè)置為absolute，bottom設(shè)置為0。

div {
position: absolute;
bottom: 0;
}

這種方案適用于父元素的高度是固定的情況，但是當(dāng)父元素高度改變時(shí)，子元素依舊會(huì)貼在底部，可能會(huì)導(dǎo)致顯示錯(cuò)誤。

第二種方案是使用Flexbox，將父元素的display設(shè)置為flex，將子元素的margin-top設(shè)置為auto。

.parent {
display: flex;
flex-direction: column;
}
.child {
margin-top: auto;
}

這種方案適用于父元素高度不定的情況，子元素始終能夠貼在底部。

總的來說，使用定位或Flexbox都可以實(shí)現(xiàn)讓div貼底，開發(fā)者可以根據(jù)具體情況選擇合適的方案。