                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

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

如題如題如題

敲敲更健康

2016-01-09

源自：網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則 2-1

關(guān)注問題我要回答

822

操作

收起

2 回答

點(diǎn)解點(diǎn)解回答被采納 +3 積分
2016-01-09

有影響，而且是很大的影響！大的div加上position:relative，是為了span標(biāo)簽?zāi)芟鄬τ诖骴iv定位，如果把position:relative刪了，一個div塊看不出什么影響！你復(fù)制多個div出來看看，span標(biāo)簽全部重合了！這就是position:relative的作用所在了！

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

敲敲更健康提問者

我試了，確實(shí)如此，在大的div上加position:relative的意思就是讓其子元素相對于父元素移動，如果不加使用絕對定位就相當(dāng)于瀏覽器定位了，是嗎？

2016-01-09 回復(fù) 有任何疑惑可以回復(fù)我~

#2

點(diǎn)解點(diǎn)解回復(fù) 敲敲更健康提問者

你也差不多了理解了，建議你去看看這個教程http://idcbgp.cn/video/1328

2016-01-09 回復(fù) 有任何疑惑可以回復(fù)我~

#3

敲敲更健康提問者

非常感謝！

2016-01-09 回復(fù) 有任何疑惑可以回復(fù)我~

夏夏2011w
2016-04-11

剛看到這里也有點(diǎn)小疑惑，希望大神能幫忙解惑，謝謝！

給demo1加上relative，在后面，開始思路二時復(fù)制了一個div，發(fā)現(xiàn)受到到浮動影響，此時是給demo1加的overflow：hidden解決的。通過上面，那同理，把給demo1加相對定位可以移到給span最近的叫 right 的 div 加relative吧，都是它的父元素。但是后面給該父元素right 加 overflow：hidden，怎么沒有解決浮動影響呢？？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答