Css 将元素添加到水平布局，而不将配件添加到容器

我正在尝试将X元素添加到水平布局中。 我的目标是在元素超过视口宽度时立即显示水平滚动条

我在看这些文件：

但是元素正在缩小以适应视口，尽管我没有使用

fullbleed

参数

我也见过这个

我还尝试添加特定的

宽度
，但没有成功


谢谢
 这里有一种方法

<div id="container" style="white-space: nowrap; overflow: auto;">
  <div ng-repeat="item in divElements" style="border:solid 1px red; display: inline-block;">

您只需添加一个最小宽度：100px或任何数字，这样就不会将其缩小到合适的大小。


创建于：{{item.createdAt}}


<div ng-repeat="item in divElements" style="border:solid 1px red; min-width: 100px;">
  Created at: {{item.createdAt}}<br>
  <big-div></big-div>
</div>