03 用絕對定位模擬固定定位

2021-10-10 11:49:52 字數 620 閱讀 5583

1、如果需要適配大哥大ie6,那麼fixed是無效的。可以用此方法模擬固定定位,但是現在誰還會用ie6呢?o( ̄︶ ̄)o

2、移動端優化使用者體驗可以用此方法隱藏預設滾動條。

3、實現原理禁掉html的滾動條,開啟body的滾動條,絕對定位是參照初始包含塊,而body的滾動條又影響不到初始包含塊,所以絕對定位的元素不會出現移動。

4、上**:

>

>

charset

="utf-8"

>

>

絕對定位模擬固定定位title

>

>

*#stay

html

body

#box

style

>

head

>

>

"box"

>

div>

"stay"

>

站位/>

站位/>

站位/>

站位/>

站位/>

div>

body

>

html

>

相對定位 絕對定位 固定定位

設定position屬性值為static的元素是乙個靜態定位元素,此值為預設值,即此元素在正常文件流中。設定position屬性為relative的元素是乙個相對定位元素,其定位的參照物為元素本身 即元素原本的位置進行定位 例項 parent child style class parent cla...

絕對定位和固定定位

絕對定位 定位 基於 定位,上下左右 沒有父級元素定位的前提下,相對於瀏覽器定位 假設父級元素存在定位,我們通常會相對於父級元素進行偏移 在父級元素範圍內移動 相對於父級或瀏覽器的位置,進行指定的偏移,絕對定位的話,它不在標準文件流中,原來的位置不會被保留 lang en charset utf 8...

css 相對定位,絕對定位,固定定位

定位有三種,分別是相對定位 絕對定位 固定定位。相對定位 position relative 絕對定位 position absolute 固定定位 position fixed 相對定位 相對定位,就是微調元素位置的。讓元素相對自己原來的位置,進行位置調整。head meta charset ut...