                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

和视频中效果不一致

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

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

06:54

没听说过

2016-03-09

源自：JS动画效果 2-1

关注问题我要回答

548

操作

收起

1 回答

tanq
2016-03-09

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

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

一般情况下

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

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

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

0 回复有任何疑惑可以回复我~

收起回答

没听说过提问者

今天终于找到了，其实问题在*{ margin: 0; }这里，如果不加这句，那么#div的position必须是absolute才能有正常效果，如果加上这句，position为relative 也会出现正常效果，这下我就更不太懂了，这到底是为什么呢？

2016-03-10 回复有任何疑惑可以回复我~

weibo_布袋英雄_03656033 回复没听说过提问者

我也是这个问题，#div的position必须是absolute才能有正常效果，和你不同的地方是，就算加上*{ margin: 0; } 变成relative 也不能实现！

2016-09-02 回复有任何疑惑可以回复我~

weibo_布袋英雄_03656033 回复 weibo_布袋英雄_03656033

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

2016-09-02 回复有任何疑惑可以回复我~

0/150

提交

取消

JS动画效果

参与学习 113924 人
解答问题 1443 个

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

进入课程

本课相似问答

2 回答视频看不了

3 回答视频花屏了

3 回答为什么实现不了和老师一样的效果，各位大神，求助

1 回答视频问题哦

4 回答效果实现不了呀

搜索更多本课相关问答

和视频中效果不一致

我要回答关注问题

热搜

最近搜索清空

和视频中效果不一致

1 回答

本课相似问答

和视频中效果不一致