                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

这个地方的relative有些不太理解

为什么我用absolute也可以实现相同的效果呢

慕媛

2015-07-06

源自：商城分类导航效果 4-3

关注问题我要回答

1227

操作

收起

5 回答

arlenhui
2015-07-07

relative是相对自身定位，absolute相对于父级元素中第一个有relative属性的元素定位（如果都没有，相对于body定位）。请理解这两种的区别

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

收起回答

慕媛提问者

非常感谢！

2015-07-12 回复有任何疑惑可以回复我~

慕粉3247841

https://developer.mozilla.org/zh-CN/docs/Web/CSS/position#%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D 绝对定位（position: absolute）的元素被认为脱离了文档流。绝对定位元素的位置是相对于他最近的定位祖先元素（position值非static）。如果没有这样一个祖先元素，则相对于原始的容器。

2016-05-21 回复有任何疑惑可以回复我~

arlenhui 回复慕粉3247841

css3中transform也可以被当成脱离文档流，规范有所变动

2016-05-25 回复有任何疑惑可以回复我~