和視頻中效果不一致
代碼寫到這里,死活運行不出來老師的效果,我的還是一直動下去,坑死人?。∽詈蟀l現只要把#div1{ position: absolute}就可以了,但是,但是為什么老師的還是relative也行啊(詳見視頻截圖右下角)。見鬼啦!!
js代碼沒問題的,就是這里出問題了,有沒有遇到過的同學,交流一下。
代碼寫到這里,死活運行不出來老師的效果,我的還是一直動下去,坑死人?。∽詈蟀l現只要把#div1{ position: absolute}就可以了,但是,但是為什么老師的還是relative也行啊(詳見視頻截圖右下角)。見鬼啦!!
js代碼沒問題的,就是這里出問題了,有沒有遇到過的同學,交流一下。
2016-03-09
舉報
2016-03-09
position:absolute是絕對定位(相對于已定位的父元素進行的絕對定位)----脫離正常文檔流
position:releative是相對定位(相對于原來的位置進行相對定位)------未脫離正常文檔流
一般情況下
父元素用相對定位,子元素用絕對定位
若是想看出你所使用的父元素和子元素都用絕對定位和父元素和子元素用不同定位的區別,那么可以
將父元素div的初始位置放在頁面中間。之后就可以看見兩種方式的區別。