今天在写前端页面的时候做的下拉菜单被下面的部分给遮盖住了可以看到红色的盖住了下拉菜单,这个问题的出现,是因为红色那块区域用了绝对定位或者相对定位,
这是使用了绝对定位:
这是用了相对定位:
(相对定位的时候选中课程分类图片向下移动,应该是因为下拉菜单的高度导致)
绝对定位的一个特点就是一旦设置绝对定位,那么它原来占着的位置就被其他元素完完全全给忽略掉了,也就是说脱离了标准流,其他盒子或者文字啥的都会完全忽略掉他。
相对定位不脱离标准流,但是使用了相对定位来调位置,他也会把之前在那里的给盖住。
那这个问题如何解决?
可以对下拉菜单那部分也用一个绝对定位absolute,或相对定位relative,这个时候就可以用z-index来调整他和哪个绝对定位的层级关系了(fixed也适用z-index)
相对定位:
绝对定位: