#parent {
width: 100%;
height: 90px;
white-space: nowrap;
overflow-x: auto;
}
.child {
display: inline-block;
width: 50%;
height: 100%;
background-color: red;
}
#wrapper {
width: 300px;
height: 90px;
background-color: yellow;
overflow-x: auto;
}
#parent {
width: calc(150px * 3);
height: 100%;
overflow: hidden; /* or any clear-fix snippet */
}
.child {
float: left;
width: 150px;
height: 100%;
background-color: pink;
}
