CSS中可以使用position: fixed;
屬性將一個(gè)div元素置頂,具體步驟如下:
1、在CSS中設(shè)置div元素的position
屬性為fixed
,這將使div元素固定在瀏覽器窗口中,不會(huì)隨著頁(yè)面的滾動(dòng)而移動(dòng)。
2、設(shè)置div元素的top
屬性為0
,這將使div元素位于瀏覽器窗口的頂部。
3、如果需要讓div元素在頁(yè)面中始終保持在頂部,還需要設(shè)置z-index
屬性為一個(gè)較高的值,以確保div元素始終顯示在頁(yè)面的***上層。
以下是一個(gè)示例代碼:
.div-top { position: fixed; top: 0; z-index: 999; }
在HTML中,將需要置頂?shù)膁iv元素添加上述類(lèi)名即可:
<div class="div-top">我是置頂div元素</div>
通過(guò)以上CSS樣式設(shè)置,該div元素就會(huì)始終保持在瀏覽器窗口的頂部。