问答详情
源自:2-1 JS速度动画

和视频中效果不一致

代码写到这里,死活运行不出来老师的效果,我的还是一直动下去,坑死人啊!最后发现只要把#div1{ position: absolute}就可以了,但是,但是为什么老师的还是relative也行啊(详见视频截图右下角)。见鬼啦!!

js代码没问题的,就是这里出问题了,有没有遇到过的同学,交流一下。

提问者:没听说过 2016-03-09 20:03

个回答

  • tanq
    2016-03-09 21:35:29

    position:absolute是绝对定位(相对于已定位的父元素进行的绝对定位)----脱离正常文档流

    position:releative是相对定位(相对于原来的位置进行相对定位)------未脱离正常文档流

    一般情况下

    父元素用相对定位,子元素用绝对定位


    若是想看出你所使用的父元素和子元素都用绝对定位和父元素和子元素用不同定位的区别,那么可以

    将父元素div的初始位置放在页面中间。之后就可以看见两种方式的区别。