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

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

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

这是为什么呢

2014-06-13

源自：CSS3 3D 特效 3-1

关注问题我要回答

1268

操作

收起

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 特效

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

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

进入课程

本课相似问答

1 回答老师很棒!!!!

1 回答我翻转了之后图片倒过来了怎么办？

1 回答第六面始终是凹下去的，且初始化在最前面，哪位大神看看？谢谢

2 回答创建3D动画效果结构部分

2 回答6在最上面？

搜索更多本课相关问答

我要回答关注问题

热搜

最近搜索清空

4 回答

本课相似问答