.fixed { position: fixed; top: 0; left: 0; }
上述代码中,大家使用了CSS的position属性。该属性有5种取值,分别是static、relative、absolute、fixed和sticky。其中fixed是大家要使用的取值,它会使元素相对于浏览器窗口的(0,0)坐标固定在屏幕上。
为了确保固定的DIV元素始终在所有其他元素的顶部,大家可以使用CSS的z-index属性。z-index属性控制元素的层级,值越高,元素在页面上的位置就越靠前。
.fixed { position: fixed; top: 0; left: 0; z-index: 9999; }
在上面的示例中,大家将DIV元素的z-index属性值设置为9999,这将使DIV元素固定在页面最顶部。
最后,大家需要确定固定元素的位置。在本例中,大家使用了top和left属性来设置元素从浏览器窗口顶部和左侧的距离。
如上所述,可以使用CSS使DIV元素固定。这对于网页设计人员和开发人员来说是一个非常有用的工具,能够使网站更加专业和易于浏览。