怎么理解,求大神指教
1 回答
已采納

慕萊塢9220042
TA貢獻(xiàn)377條經(jīng)驗 獲得超508個贊
你好:
position:relative 相對定位
什么是相對定位?相對什么定位?這是重要的問題。我的回答是——相對自己文檔流中的原始位置定位。它的特點是——不會脫離文檔流。
也就是說,使用position:relative定位,其元素依舊在文檔流中,他的位置可以使用left、right、top、bottom、z-index等定位參數(shù),但是,他的存在,還是會影響文檔中緊跟在他周圍的元素的。
無論多少文字描述,可能都無法讓你理解。下面,我們看一下實際效果。
如上圖的演示,我給test3加上了position:relative定位效果。代碼如下:
position: relative;left: -20px;top: 20px;
大家可以清晰的從圖上看出來,test3根據(jù)CSS參數(shù)left: -20px;top: 20px;發(fā)生了位移。
但是!但是!但是!重要的事情說三遍,它的唯一并沒有對周圍的元素有任何的影響??!它依然存在于文檔流中。它的位移是根據(jù)它在文檔流中的原始位置發(fā)生的!!這一點非常非常重要。
望采納!
添加回答
舉報
0/150
提交
取消