CSS浮動(dòng)是網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常用到的一種布局方式，使用浮動(dòng)可以實(shí)現(xiàn)多個(gè)元素在同一行內(nèi)顯示，還可以實(shí)現(xiàn)文字環(huán)繞圖片等效果。但是，當(dāng)我們需要將元素浮動(dòng)到頁(yè)面底部時(shí)，就需要特別注意浮動(dòng)元素與父元素及其他兄弟元素的關(guān)系。

下面介紹一種簡(jiǎn)單的實(shí)現(xiàn)方式：

.parent{
position:relative;
height: 100%;
}
.child{
position:absolute;
bottom:0;
}

上述代碼中，我們先給父元素設(shè)置相對(duì)定位（position:relative;）。然后，在子元素中設(shè)置絕對(duì)定位（position:absolute;）和 bottom:0;。這樣，子元素就會(huì)固定在父元素底部。

需要注意的是，當(dāng)父元素高度不確定時(shí)，可能會(huì)出現(xiàn)子元素不在底部的情況。可以通過(guò)設(shè)置父元素高度為100%（height:100%;）來(lái)解決這個(gè)問(wèn)題。

在實(shí)際應(yīng)用中，我們可以使用這種方法來(lái)實(shí)現(xiàn)頁(yè)面底部的懸浮菜單、底部固定版權(quán)信息、留言框等效果。