一些子元素仍然溢出父div与overflow-x：scroll

Question

我刚刚意识到div overflow-x: scroll div我有一个水平滚动条，但我也有一些儿童元素在div之外。

我期待滚动条会增长/缩小以容纳更多/更少的div子元素。

您可以在此处看到此效果（您需要检查以查看隐藏的元素），其中元素编号1和2隐藏在父SpriteRenderer的左侧：

小提琴

https://jsfiddle.net/w01y50yb/

请注意，我也有内联风格。 为什么这样以及如何解决它？

Answer 1

向内容添加外部容器，并将overflow-x和width应用于该容器。请检查此updated fiddle

<div style="width: 100%; overflow-x: scroll;">
  <!-- You content here -->
</div>