                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

absolute與relative的使用

結(jié)果為什么不一樣了？還全亂了，都堆到一起了。

慕斯8538298

2018-11-09

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-9

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

1096

操作

收起

1 回答

97ouo 回答被采納 +2 積分
2018-11-09

應(yīng)該改成：box1和box3是relative，box2和box4是asbolute

底下html代碼表明box1包括box2，box1是box2的前輩元素；box3包括box4，box3是box4的前輩元素

前輩元素用position:relative（相對(duì)于網(wǎng)頁）

“后輩”元素用position:absolute（相對(duì)于前輩元素的絕對(duì)位置）

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

收起回答

#1

97ouo

typo...absolute*

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

#2

慕斯8538298 提問者

我知道box1和box3是relative，box2和box4是absolute，而且box1和box3不管寫absolute還是relative,當(dāng)box2和box4是absolute時(shí)，都能相對(duì)父包含塊進(jìn)行位移。我問的是為什么亂？我現(xiàn)在知道了，相對(duì)定位保留原來位置，絕對(duì)定位后不保留原來位置，所以下面的會(huì)疊上來。

2018-11-15 回復(fù) 有任何疑惑可以回復(fù)我~