也不叫讲错了,可能老师就是这样理解的,原理都一样,只不过我个人还是会按相对于其在正常文档流中做四个方向的偏移来理解
2018-01-08
说实话,,老师在这一节讲的不算好。一定程度上还讲错了。某个元素的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有了各自“图层”,在各自“图层”中位置上互不影响;但因为层级有先后,有覆盖现象;
2.top:50px right:50px理解为:以向右、向下为坐标轴正方向,左顶点为原点,1px为单位,顶边-50px-y,右边-50px-x。
2.top:50px right:50px理解为:以向右、向下为坐标轴正方向,左顶点为原点,1px为单位,顶边-50px-y,右边-50px-x。
2018-01-04