导航下拉菜单被遮住或显示不全问题所在和解决办法【笔记】

时间:2024-03-02 16:40:07

参考网址:

导航下拉菜单被遮住或显示不全问题所在和解决办法

一、导航下拉菜单被遮住,那是因为层叠关系错误

我们必须理解层叠关系满足的2个条件:

  • 1、必须是同级
  • 2、二者分别设定了position:relative 或 absolute 或 fixed;
  • 这时候通过设置z-index才有效

二、导航下拉菜单显示不全是因为外层设置了overflow:hidden

很多时因为网页比较复杂,层级比较多,所以经常忽略了外层或者外外外层设置了overflow:hidden导致导航下拉菜单显示不全,其实只要仔细查找就能解决问题,把overflow:hidden去掉,如果需要清除浮动,可以用其它方法,百度css清除浮动就有了。