当父元素里的子元素们变宽，导致父元素宽度不够时，父元素出现横向滚动条如何实现；
为什么要写这篇文章，当时想要达到以上这个需求，添加overflow总是失效，发现父级是flex布局，这就导致即使子元素增加宽度也不能将父元素撑开。这是因为flex布局即使设置了shrik：0属性，也还是导致子元素被压缩了或者掉块了（跟flex是否设置换行有关）；所以flex布局根本没有出现滚轮的效果；改为普通布局后，只给父元素添加overflow:auto也无效，必须配合white-space:nowrap属性使用才出滚轮。
1.html部分：
<body>
<div class="content">
<div class="one">1</div>
<div class="one">2</div>
<div class="one">3</div>
</div>
</body>2.CSS部分：
<style>
.content{
width: 200px;
height: 200px;
overflow: auto;
white-space: nowrap;
}
.one{
width: 100px;
height: 100px;
background-color: pink;
display: inline-block;
}
</style>3.效果：
这是一个基本的滚轮出现问题，由于当时父元素是flex布局，无论怎么改overflow属性都无用；所以出现这个滚轮的前提是普通布局。
9740
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
