                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

一個div的下邊框遮住另一個div的上邊框是怎么做到的

上面元素的下邊框擋住下面元素的上邊框是怎么做到的？就是上面的div的邊框是白色的，下面div的邊框是黑色的，兩個邊框重疊的部分是白色的，這個代碼怎么寫？

慕粉3924367

2016-09-13

源自：JavaScript進階篇 10-1

關注問題我要回答

5618

操作

收起

2 回答

Mr_sen
2017-08-02

你說的啥

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

收起回答

水里有條魚
2016-09-13

關鍵是這句? ?float:?left;，運用了float屬性，就會脫離文檔流，就不會撐開父元素，原理是li的 border-top+height剛好等于ul的height大小，所以border-bottom就會占去下面的地方，就會覆蓋掉下面一個div的上邊框。如果不脫離文檔流，li會撐開ul，在不設置ul高度情況下， li的border-top+height+border-bottom = ul的height，所以脫離了文檔流父元素要設置高度寬度不然就是0×0了，可以這樣理解，脫離文檔流后，父元素支持子元素溢出。