CSS中设置固定Div不难,只需要在样式表中给Div元素添加 position:fixed 属性即可:
div { position: fixed; }
上面的代码会把Div元素固定在屏幕上,不管用户怎么滚动页面,这个Div元素都会一直在同一个位置。但是,这个Div元素会覆盖其他的元素,如果需要把它放到其他元素上面,可以给它添加 z-index 属性:
div { position: fixed; z-index: 9999; }
上面的代码会把Div元素放到最上面,覆盖其他元素。
如果需要设置固定Div的top、bottom、left、right等属性,可以这样做:
div { position: fixed; top: 0; left: 0; }
上面的代码会把Div元素固定在屏幕左上角。如果需要把它固定在其他位置,可以调整top、left、bottom、right等属性的值。
需要注意的一点是,在固定Div的时候,它的父元素必须要有明确的高度值。如果父元素的高度没有设置,那么子元素即使设置了position:fixed属性,也会跟随父元素的滚动而滚动。