问题:最近在处理项目中遇到导航栏隐藏宽度在页面内容上层,挡住了页面内容导致页面输入框点击失效的情况

类似于这样

image-20210816104042424

恩,灵魂画手~

问我为啥想不开将导航栏div设置比ul宽,那就需要去看这个了https://qingmuzhang.gitee.io/posts/00409.html

言归正传,这里其实就是div层级比页面内容高挡住了,所以第一反应就是使用z-index属性,但无论我将内容div的z-index设置多高,永远都会被挡住

无奈只能去搜索原因,最后找到问题所在,

image-20210816104609774

将内容div设置position:absolute样式变得正常。