JavaScript - CSS カルーセル チャートがレイアウトの問題に適応する

Question

カルーセル レイアウトと同様に、外側の青いコンテナは幅を設定せず、100% 適応します。各サブコンテナの幅は親コンテナの幅と等しく、1 行に表示されます。親要素が非表示になっていますが、これは js を使用して実現できますか?

Answer 1

CSS に依存するだけでも同様の効果を実現できます。

リーリー リーリー

jsfiddle.net で希望のものかどうか確認してください

Answer 2

flexとinline-blockの2つの方法を考えました
観察しやすいようにコンテナの幅を設定しています
論理的には位置決めを使用することも可能ですが、位置を1つずつ設定する必要があるため、私はそうしました。それはしません

https://jsfiddle.net/m41tLwqb/1/
https://jsfiddle.net/2zcqqj26/

Answer 3

私は純粋な CSS を使用してカルーセルを作成しました。あなたが言及したことに関しては、それは可能であるはずですが、私は自分でそれをやったことがないので、確信はありません