淘先锋技术网

首页 1 2 3 4 5 6 7

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属性,也会跟随父元素的滚动而滚动。