CSS中有一種常見的需求,就是在網(wǎng)頁底部加上一些固定的內(nèi)容,比如網(wǎng)站的版權(quán)信息、聯(lián)系方式等等。這時候,我們需要使用CSS來實現(xiàn)底部固定的效果。
實現(xiàn)方式很簡單,我們可以給底部的區(qū)域設(shè)置一個固定的高度,并使用 position:fixed;
屬性將其固定在底部。
.footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 100px; background-color: #333; color: #fff; }
在這段代碼中,我們將底部區(qū)域的class設(shè)置為“footer”,然后設(shè)置其樣式。其中,position:fixed;
讓它固定在頁面底部,left:0;
和 width:100%;
讓它占滿整個頁面的寬度,bottom:0;
則是讓它緊貼在頁面底部,而height:100px;
則是設(shè)置它的高度為100px。
當然,在實際應(yīng)用中,我們還可以添加一些其它樣式,比如背景色、邊框樣式等等,以及放置一些文字、圖片等內(nèi)容。
這樣,我們就可以很方便地實現(xiàn)網(wǎng)頁底部的固定效果了。希望以上內(nèi)容能對你有所幫助。
上一篇css怎么獲取列寬度
下一篇css怎么編輯圖片位置