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屬性,也會跟隨父元素的滾動而滾動。
上一篇mysql1594
下一篇css怎么設置多行顯示