How can I make the container with an "overflow" class have horizontal scrolling capability since it is wider than its direct parent?
html, body{
padding:0px;
margin:0px;
}
.container{
display:flex;
background:yellow;
width:100%;
height:100px;
max-width:100%;
}
.container div{
border:1px solid red;
}
.sizeSmall{
width:200px;
}
.overflow{
width:4000px;
overflow:auto;
}
<div class="container">
<div class="sizeSmall"></div>
<div class="overflow"></div>
<div>