需求:父容器一个横向滚动条,有2个子容器左右排列,首次进入看到的是左边第一个容器,向右滑动可以看到第2个容器
我的初始思路: 1.给父容器最大一个宽度,然后子容器也给相同的宽度,给父容器flex布局,左右排列,然后给父容器设置white-space: nowrap,overflow-x:auto ,就可以出现滚动条, 2,但是这样导致了我左侧子容器里的文本超出左容器宽度不自动换行了, 3,猜想:可能是white-space具有继承性。
我的后续解决:给父容器利用flex布局的 flex-wrap:nowrap ,然后左侧容器flex-shirk:0, 宽度是和父容器一样的,这样也可以出现滚动条,不会影响子容器里文本超出盒子宽度自动换行。