slide 질문

.slide 밑에 div를 넣은것은 슬라이드가 3가지 종류로 랜덤하게 배정되므로 어떤 슬라이드가 배정되더라도 같은 html을 사용하는 것이 좋기 때문에 그렇습니다.

.slide 밑에 div를 넣지 않고 a 태그로 바로가면 크로스페이드 슬라이드는 가능하지만 가로 슬라이드 또는 세로 슬라이드를 만드는게 어려워집니다. 왜냐하면 a가 1200픽셀로 3개가 가로배치되야 하는데 그걸 감싸고 있는 div가 .slide라면 여기에 width 3600픽셀을 주면 되지만 overflow: hidden을 줄 수 없기 때문에 .slide 밑에 div가 필요합니다.

<div class="slide">
  <div>
    <a href="#none"><img src="images/slide-01.jpg" alt="slide1"></a>
    <a href="#none"><img src="images/slide-02.jpg" alt="slide2"></a>
    <a href="#none"><img src="images/slide-03.jpg" alt="slide3"></a>
  </div>
</div>

인프런 커뮤니티 질문&답변