今天在操作在线端样式的时候发现了一个问题,正好自己记录一下

问题原因:使用flex布局会影响水平滚动

动态加载图片后超过父元素的时候图片宽度会进行挤压,父元素已经设置了

 white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;

但是没有滚动效果,经过查验发现去掉overflow-x就没有问题了,很神奇,这完全是背道而驰了

最后发现是flex的问题所以最后解决方案就是flex替换掉直接用浮动在加上上面代码就没有问题可以滚动了

不知道什么原因所以就记录一下

posted on 2019-12-28 15:55  小菟同学  阅读(468)  评论(0编辑  收藏  举报

……