參照定位的元素為什么必須加入position:relative; 呢?
參照定位的元素為什么必須加入position:relative; 呢?
醉臥遙峰丶
2018-05-23
2 回答
舉報
0/150
提交
取消
2018-05-23
除了body，被參照的元素必須有定位屬性才起作用，屬性具體是什么不重要，寫position:relative/absolute/fixed都行。
2018-05-23
明白了
先看絕對定位的定義:
position:absolute(表示絕對定位)，這條語句的作用將元素從文檔流中拖出來，然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。
再看box4的相對定位
測試發現box3改為絕對屬性也可以,只要具有定位屬性,就可以作為box4的父包含塊,否則就不具有定位屬性,box就定位到body了
(所以某種程度上來說,教程上這句話是錯誤的...)