在CSS3中,可以使用position: fixed;
屬性將底部固定在瀏覽器窗口的底部,并隨著滾輪的滾動(dòng)而滾動(dòng),以下是一個(gè)示例代碼:
.footer { position: fixed; left: 0; right: 0; bottom: 0; height: 50px; background-color: #333; color: #fff; text-align: center; line-height: 50px; }
在這個(gè)示例中,footer
類將底部固定在瀏覽器窗口的底部,并且高度為50像素,背景顏色為#333
,文字顏色為#fff
,文本居中對(duì)齊,行高為50像素,您可以根據(jù)需要調(diào)整這些樣式。
position: fixed;
屬性會(huì)將元素固定在瀏覽器窗口的指定位置,即使頁面滾動(dòng)也不會(huì)改變位置,如果您希望底部隨著頁面的滾動(dòng)而滾動(dòng),可以使用position: relative;
或position: absolute;
屬性,并根據(jù)需要設(shè)置top
、right
、bottom
和left
屬性來調(diào)整位置。