CSS中可以使用position: fixed;
屬性將一個(gè)標(biāo)簽固定在底部,以下是一個(gè)示例:
.footer { position: fixed; left: 0; right: 0; bottom: 0; height: 50px; background-color: #333; color: #fff; padding: 10px; text-align: center; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)名為footer
的類,并將其固定在底部。left: 0; right: 0; bottom: 0;
將標(biāo)簽固定在視口的底部左右兩側(cè),而height: 50px;
設(shè)置標(biāo)簽的高度為50像素,我們還設(shè)置了一些樣式,如背景顏色和文字顏色等。
如果您希望標(biāo)簽在底部居中顯示,可以使用text-align: center;
屬性,如果您希望標(biāo)簽在底部左側(cè)或右側(cè)顯示,可以使用text-align: left;
或text-align: right;
屬性。
使用position: fixed;
屬性會(huì)將標(biāo)簽固定在視口的底部,無(wú)論用戶如何滾動(dòng)頁(yè)面,標(biāo)簽都會(huì)保持在底部,如果您希望標(biāo)簽在底部但不影響其他內(nèi)容,可以使用position: absolute;
屬性,并將其設(shè)置為相對(duì)于其***近的定位祖先元素的定位。