也不叫講錯了,可能老師就是這樣理解的,原理都一樣,只不過我個人還是會按相對于其在正常文檔流中做四個方向的偏移來理解
2018-01-08
說實話,,老師在這一節(jié)講的不算好。一定程度上還講錯了。某個元素的position=relative,是這個元素相對于其在正常文檔流中的偏移。該元素相對于其正常文檔流中的四個方位上的偏移,搞出來一個x,y軸的其實不利于理解。
2018-01-06
關于relative,的top、right、bottom、left偏移,可以首先想像這個塊級元素正常文檔流情況下的位置,上面四個方向的偏移是相對正常文檔流位置的偏移。
個人覺得這樣講會清楚些。
個人覺得這樣講會清楚些。
2018-01-05
最贊回答 / 南城未荒
標準流和脫離文檔流兩個來說,老師講了基礎的,最重要一點在后期能用的到的是涉及到性能。重排和重繪。脫離文檔流以后,去改變基本盒子屬性下,是不是引起重排的,對dom性能提升非常大。。??催@個視頻的人來說,應該還不會涉及到這塊,反正記得就好,后期補上。絕對劇中還有一個方案是css3的一個屬性,transform: translate(X, Y) 在pc還好,如果移動端要做動效最好使用這個屬性。其余先這樣吧。。我來補基礎的,這視頻確實基礎。
2018-01-04
1.增加relative每個div有了各自“圖層”,在各自“圖層”中位置上互不影響;但因為層級有先后,有覆蓋現(xiàn)象;
2.top:50px right:50px理解為:以向右、向下為坐標軸正方向,左頂點為原點,1px為單位,頂邊-50px-y,右邊-50px-x。
2.top:50px right:50px理解為:以向右、向下為坐標軸正方向,左頂點為原點,1px為單位,頂邊-50px-y,右邊-50px-x。
2018-01-04