javascript - CSS 캐러셀 차트가 레이아웃 문제에 맞게 조정됩니다.

Question

회전식 레이아웃과 유사하게 외부 파란색 컨테이너는 너비를 설정하지 않으며 100% 적응적입니다. 각 하위 컨테이너의 너비는 상위 컨테이너의 너비와 동일하며 상위 컨테이너 너머의 부분이 표시됩니다. 요소가 숨겨져 있습니다. js를 사용하지 않고 상황에서 실현할 수 있습니까?

Answer 1

CSS를 사용하면 비슷한 효과를 얻을 수 있습니다.

으아악 으아악

jsfiddle.net에서 원하는 것이 맞는지 확인하세요

Answer 2

flex와 inline-block 두 가지 방법을 생각했어요
관찰하기 쉽도록 컨테이너의 너비를 설정했습니다.
논리적으로는 포지셔닝을 사용하는 것도 가능하지만 포지셔닝을 하나씩 설정해야 하므로 그렇게 하지 않았습니다. 하지마세요

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

Answer 3

캐러셀을 만들기 위해 순수 CSS를 사용했습니다. 말씀하신 내용은 가능하겠지만 제가 직접 해본 적이 없어서 잘 모르겠습니다