CSS中實(shí)現(xiàn)屏幕右下角的布局是比較常見(jiàn)的,可以通過(guò)以下代碼來(lái)實(shí)現(xiàn):
position: fixed; bottom: 0; right: 0;
以上代碼中,position: fixed 表示該元素固定在屏幕上,不隨滾動(dòng)條滾動(dòng);bottom: 0 表示該元素距離屏幕底部的距離為0;right: 0 表示該元素距離屏幕右側(cè)的距離為0。
使用該布局可以使滑動(dòng)到網(wǎng)頁(yè)底部時(shí),一些固定的提示信息能夠一直顯示在屏幕右下角,不會(huì)被其他內(nèi)容覆蓋。
需要注意的是,該布局會(huì)使該元素的寬度與高度自適應(yīng),因此如果該元素內(nèi)部有其他元素,需要設(shè)置其內(nèi)部元素的寬度與高度才能達(dá)到想要的效果。