一些孩子的元素仍然溢出父區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％。 –

回答