                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /網頁簡單布局之結構與表現原則

在初級中，為什么大的div要加上position:relative?刪了也沒什么影響

如題如題如題

敲敲更健康

2016-01-09

源自：網頁簡單布局之結構與表現原則 2-1

關注問題我要回答

821

操作

收起

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.xianlaiwan.cn/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 回復有任何疑惑可以回復我~

收起回答