一些孩子的元素仍然溢出父区div与溢出-x：滚动

我刚刚意识到在div与overflow-x: scroll我有一个水平滚动条的预期，但我也有一些儿童元素div以外。一些孩子的元素仍然溢出父区div与溢出-x：滚动

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

你可以在这里看到这样的效果（你需要检查，看看隐藏要素）这里，单元号1和2都隐藏父div左：

小提琴

https://jsfiddle.net/w01y50yb/

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

在内容中添加外容器，并将overflow-x和width应用于内容。检查此updated fiddle

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

2016-05-18 10:20:46 Pugazh

谢谢。这是一种解决方法，还是它的预期行为。似乎奇怪我必须添加包装div ... –

这是一种解决方法。这是因为'display：flex' – Pugazh

很抱歉，我刚刚意识到如果我有'width：50％'，那么我的问题依然存在，我需要这样做，而不是100％。 –

回答