                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /固定層效果

左上角說(shuō)法不準(zhǔn)確，還有一些東西真的要去看html/css幫助文檔

真的不能說(shuō)是左上角，這個(gè)說(shuō)法不大準(zhǔn)確。因?yàn)橐曨l中的例子，如果box2先設(shè)置成position:absolute;那么它并不會(huì)往左上角跑而去覆蓋藍(lán)色的box1，真實(shí)情況是它在原本文檔流該處的位置上脫離文檔流，也就是說(shuō)它后面的content不再受box2影響，導(dǎo)致box2堆疊在content上面。下面是附上的圖：

風(fēng)_起

2016-04-01

源自：固定層效果 1-3

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

410

操作

收起

2 回答

程序媛ing
2016-04-21

那如果在此基礎(chǔ)上再給box1加上position：absolute；那box1會(huì)把box2覆蓋住么

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

收起回答

#1

風(fēng)_起提問(wèn)者

你可以試一下唄。結(jié)果應(yīng)該是box1后面的會(huì)往上冒泡。記得有一條規(guī)則好像是：后添加position:absolute的元素z-index會(huì)比先添加的大，所以box1會(huì)覆蓋在box2上面，box2覆蓋在content上面。如果他們都有margin-top值，記得考慮“邊界塌陷”的情況哦。