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