老师，请问您两次设置position，...-慕课网

                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3 3D 特效

老师，请问您两次设置position，一次是absolute，一次又是relative，目的是防止重叠，不知道什么原理啊？

这是为什么呢

2014-06-13

源自：CSS3 3D 特效 3-1

关注问题我要回答

1252

操作

收起

4 回答

Fts
2014-06-15

设置position为absolute时，再赋予top、left等属性来确定位置的话，位置是相对于其最近一层的有position属性的父容器来定的，所以要给它的父容器设置position:relative，否则给absolute的元素设置top之类的，就会相对于浏览器窗口产生位移而不是它的父容器

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

收起回答

guoer

最不懂这个postion了

2014-10-27 回复有任何疑惑可以回复我~

这是为什么呢提问者
2014-06-15

恩，谢谢大家给我上了一课，我已经弄明白了

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

收起回答

Fts
2014-06-15

也就是说，父容器不设relative，那么所有的数字卡片就都跑到浏览器左上角了，因为默认的top和left都是0

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

收起回答

l1uyub0b0b0
2014-06-15

不是为了防止重叠，是因为要将他们重叠在一起，所以需要使用绝对定位。

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

收起回答

Helianthuserin

老师，请问下为什么重叠需要绝对定位？？

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

0/150

提交

取消

CSS3 3D 特效

参与学习 78565 人
解答问题 436 个

使用CSS3当中的属性，创建真实可用的三维效果

进入课程

本课相似问答

2 回答老师我有俩问题，input标签点了一次就不能点了，你给的代码没有实时刷新的效果，应该怎么做呢？

3 回答3D转换看不出近大远小的效果，怎么回事？

5 回答transition: all 3s ease 1s;

2 回答同样在Firefox调试这个程序时没效果。。。

2 回答额，我的咋这样了

搜索更多本课相关问答

我要回答关注问题

热搜

最近搜索清空

4 回答

本课相似问答