一个div的下边框遮住另一个div的上边框是怎么做到的-慕课网

首页课程实战体系课手记专栏慕课教程

一个div的下边框遮住另一个div的上边框是怎么做到的

来源：10-1 编程挑战

慕粉3924367

2016-09-13 01:04

上面元素的下边框挡住下面元素的上边框是怎么做到的？就是上面的div的边框是白色的，下面div的边框是黑色的，两个边框重叠的部分是白色的，这个代码怎么写？

写回答关注

2回答

Mr_sen

2017-08-02 10:16:38

你说的啥

0 0
水里有条鱼

2016-09-13 11:52:37

关键是这句 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了，可以这样理解，脱离文档流后，父元素支持子元素溢出。

0 1

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468063 学习 · 21891 问题

相似问题

怎么让一个div覆盖一个div啊，做不出点标题就能让下边框消失，因为下面的div有边框用z-index也没用

回答 2

颜色覆盖问题，为什么是li的下边框遮盖了下面div的上边框？想要反过来遮盖要怎么写？

回答 4

div上边框在怎么画出来？

回答 4

<li>的下边框为什么可以覆盖<div>的上边框？而不是相反？

回答 1

为什么 li 底部设置白色边框盖过下面div的棕色边框？

回答 3

打开慕课网App查看更多内容