                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

在初级中，为什么大的div要加上position:relative?删了也没什么影响

如题如题如题

敲敲更健康

2016-01-09

源自：网页简单布局之结构与表现原则 2-1

关注问题我要回答

829

操作

收起

2 回答

点解点解回答被采纳 +3 积分
2016-01-09

有影响，而且是很大的影响！大的div加上position:relative，是为了span标签能相对于大div定位，如果把position:relative删了，一个div块看不出什么影响！你复制多个div出来看看，span标签全部重合了！这就是position:relative的作用所在了！

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

收起回答

敲敲更健康提问者

我试了，确实如此，在大的div上加position:relative的意思就是让其子元素相对于父元素移动，如果不加使用绝对定位就相当于浏览器定位了，是吗？

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

点解点解回复敲敲更健康提问者

你也差不多了理解了，建议你去看看这个教程http://www.imooc.com/video/1328

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

敲敲更健康提问者

非常感谢！

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

夏夏2011w
2016-04-11

刚看到这里也有点小疑惑，希望大神能帮忙解惑，谢谢！

给demo1加上relative，在后面，开始思路二时复制了一个div，发现受到到浮动影响，此时是给demo1加的overflow：hidden解决的。通过上面，那同理，把给demo1加相对定位可以移到给span最近的叫 right 的 div 加relative吧，都是它的父元素。但是后面给该父元素right 加 overflow：hidden，怎么没有解决浮动影响呢？？

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

收起回答