Html 在模式中并排对齐

这是我的

HTML

我有一个300px宽的包装器div

内部div根据服务器请求动态生成，每个div的宽度为200px

现在我需要在包装器中并排设置，当它达到300px时，它需要以滚动模式显示

---

似乎我的代码中有一些问题。请帮助…

您可以给

空白：nowrap到包装器，然后将其重置为
空白：正常用于每个项目


#包装{空白：nowrap；}
.notes{空白：正常；}

你也可能想要。有几种方法可以实现这一点，其中一种方法是将父级设置为
font-size:0
，然后在子级将其重置为
font-size:16px

这是一个弹出窗口。抱歉，多加一行：）嘿，也许身高会有帮助？@Nerfair:我需要一个活动的滚动条来查看所有的孩子divs@steeve请更新小提琴，包括弹出窗口。
<div id="wrapper">
    <div class="notes">One</div>
    <div class="notes">two</div>
    <div class="notes">three</div>
    <div class="notes">four</div>
</div>

#wrapper {
    width: 300px;
    overflow-x: scroll;
    overflow-y: scroll;
    border: 1px solid black;
}
.notes {
    color: red;
    border: 1px solid green;
    margin: 5px;
    width: 200px;
    height: 150px;
    display: inline-block;
}