和视频中效果不一致

来源:2-1 JS速度动画

没听说过

2016-03-09 20:03

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

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

写回答 关注

1回答

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

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

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

    一般情况下

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


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

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

    weibo_... 回复weibo_...

    *{ margin: 0; } 和下面这个效果不一样吗?我是二者选一 body,div,span{ margin:0; padding:0; }

    2016-09-02 17:23:59

    共 3 条回复 >

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113923 学习 · 1443 问题

查看课程

相似问题