在CSS中,bottom屬性用于定位一個(gè)元素的底部邊緣距離其包含元素的底部邊緣的距離。
position: absolute; bottom: 20px;
上面的代碼將會(huì)把一個(gè)position為absolute的元素的底部邊緣與其包含元素的底部邊緣相差20個(gè)像素。
如果設(shè)置了一個(gè)元素的position為fixed,它將會(huì)根據(jù)瀏覽器的窗口位置固定在屏幕上,bottom屬性將會(huì)對(duì)應(yīng)著視口的底部邊緣:
position: fixed; bottom: 0;
上面的代碼將會(huì)把一個(gè)position為fixed的元素固定在視口的底部邊緣處。
需要注意的一點(diǎn)是,如果一個(gè)元素沒有被position屬性設(shè)定(默認(rèn)值為static),那么bottom屬性將不會(huì)起作用。