最近在项目中有这么一个需求,在一个div中,里面有多个子div,同时,最外层的div要求y轴要需要的时候有滚动条,同时外层div初始的时候,宽度是由里面的div的内容撑开。基于以上的限制,现在的一个需求就是:在div中,有一个按钮,点击按钮的时候,会弹框显示内容(弹框的定位是绝对定位,所以无法撑开外层div的宽度),现在弹框的宽度比外层div的宽度更宽。但是因为其他原因,给外层div设置了overflow-y:auto的原因,导致给该div设置overflow-x:visible的时候失效了。导致弹框的超出部分无法显示内容。上网也查了相应的资料,了解到了原因,同时也有人建议在套一层div用于设置overflow-x:visible,但是在经过实践之后,还是没法达到效果。被这个问题纠结了好几天了。想问问各位大神有没有解决的方法。
overflow-x:visible和overflow-y:auto失效
最新推荐文章于 2024-08-13 11:25:08 发布