为什么css框自动移到下一行时会出现被遮盖的情况

html-css021

为什么css框自动移到下一行时会出现被遮盖的情况,第1张

内容被遮盖绝大多数属于层叠样式中层叠顺序问题（z-index）。因为没有具体的源代码，无法给出更具针对性的解答。不过如果你想要被遮盖的内容不被遮盖，可以尝试给被遮盖的内容增加一个z-index属性，并给予它赋值比较大的数字。

这两个滚动条不是同一个元素的滚动条，第一个是那个绝对定位的div的滚动条，第二个则是body的滚动条。从它们的黑色框线就能看出来区别啊。所以第二张图的蓝色框当然不会覆盖滚动条啊，因为那是body的滚动条。

而第一张图蓝色框覆盖滚动条很容易理解啊，定位元素是脱离文档流的，它们之间的前后关系是由z-index属性来决定的（如果z-index相同则按物理顺序），与它们物理上的包含（或者说父子）关系无关，而滚动条也是元素的组成部分，要覆盖那肯定是连滚动条也一起覆盖的，否则效果就会不伦不类的。

1 整个顶部是没有边框的 灰点背景色和下面白色看起来像是边框

2 选择地区的div 只是设置了左右边框 下边框空的

border-left:

border-right:

ps 初始状态 div的边框颜色、背景颜色和父级的背景色一样 看不出来

鼠标滑过 改变边框颜色 背景色也变白了

始终只有左右边框