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

时间:2016-05-18 10:07:56

标签: css css3

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

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

您可以在此处看到此效果(您需要检查以查看隐藏的元素),其中元素编号1和2隐藏在父SpriteRenderer的左侧:

小提琴

https://jsfiddle.net/w01y50yb/

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

1 个答案:

答案 0 :(得分:1)

向内容添加外部容器,并将overflow-xwidth应用于该容器。请检查此updated fiddle

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