5 回答

TA貢獻35條經驗 獲得超41個贊
對比一下不設置position,和relative,absolute的圖。
可以看出不設置和設置relative兩張圖文字位置沒有任何變化。因為position:relative不會脫離文檔流。雖然通過設置left和top移動了div,但是文檔流中依然占據最開始的位置,不會影響其他元素。假設你不設置left和top值,那么兩張圖是完全一樣的。
而第三張圖中,可以看出文字跑到最上面了。因為position:absolute會脫離文檔流。只是你移動了div,看起來不在一起。如果不設置top和left的話,就會發現div沒動,但是文字跑上來重疊在一起了。
你把top和left都去掉,再在瀏覽器中查看就會明白了。
順便說一下,css里的注釋不能用//,你看你圖片里的注釋都沒有變灰。只是剛好因為加了//瀏覽器不認識所以沒有執行。

TA貢獻319條經驗 獲得超234個贊
設置position,盒子脫離了文本流,另外設置float也會脫離文本流,你可以單獨把這些試一下,下次遇到這種問題就明白了;
你的position:absolute,沒有注釋成功,css的注釋是/*注釋內容*/, ? ?html的注釋是<!--注釋內容--> ?,? ?js的注釋是//注釋內容 ?,sumblime注釋的快捷鍵是,選中要注釋的文本按ctrl+/

TA貢獻128條經驗 獲得超67個贊
設置relative你可以想象一下,這個div是個飛機,從停機坪飛起來,飛到別的地方去了。但是。。這個停機坪還是要給他留著的,否則飛不回來了。。。
- 5 回答
- 0 關注
- 2754 瀏覽
相關問題推薦
添加回答
舉報