当前位置: 首页 > Web前端 > CSS

overflow-y-auto-hidden-scroll和overflow-x-visible的组合渲染异常

时间:2023-03-30 16:15:17 CSS

最近在做一个项目,想做这样一个效果:就是想让里面的div溢出上面的divx轴并在div在y轴上溢出时显示滚动所以我使用了overflow-y和overflow-xcss属性。我认为直接在css{overflow-y:scroll;中设置它们就可以了。overflow-x:visible;}但是实际情况不好用,两边都会有滚动条这种情况,在网上查了一下解决方法,很多都说尝试把overflow-x和overflow-y在不同的DOM元素上。但是会因为实际的使用和逻辑的复杂性而不太好用。最终的解决方案是:去掉容器的宽度,让它的内容自己展开容器,这样就不会出现滚动条了,这和横向溢出的最终目的是一样的;然后设置verticaloverflow-y:scroll。至于为什么浏览器会这样,我只是搬家而已,没有详细解释参考资料:解决办法:https://power.baidu.com/quest...原因:http://w3help.org/zh-cn/原因..。