CSS position开启了绝对定位但是下拉弹窗还是被遮挡 o

最外层父元素设置溢出隐藏之后，里面的下拉弹窗会被裁剪，即使用了float,加绝对定位。

/*顶部栏*/
.site-topbar {
    height: 40px;
    color: #b0b0b0;
    background: #333;
    font-size: 12px;
    /*不能设置，否则 下拉窗体不会出来 */
    overflow: hidden;
}

 

里面li里设置一个鼠标移动上去显示的div，因为设置了overflow hidden导致不能完整显示。

把其注释之后可以完整显示 

 


        

            

                

                  

                        下载app
                            

                                
                                
小米商城APP
                            
                        
                    

效果：