IE11下float元素中scroll子元素的hidden

场景：IE11下的悬浮层中的下拉菜单，点击toggle按钮隐藏菜单后，出现菜单背景停滞现象（下拉菜单文字隐藏，但是背景仍停滞在原位置，类似桌面程序卡顿现象）。

 

即父元素P，position为absolute或fixed，其中子元素C，悬浮在元素P上（absolute/fixed），如果元素C设置了max-height属性，出现滚动条，则点击P元素上的按钮使用Js设置C的display属性为none时，C元素即便隐藏，但背景停滞，鼠标滑过时界面恢复正常。

 

解决方法：通过设置C元素的高度为0，替代display:none;隐藏；

.hidden {

       min-height:0;

       height:0;

       padding:0;

       margin:0;

       boarder:0;

}