각 .slide가 radio 버튼을 누를 때 마다 각 버튼에 맞게 이미지가 보여지는데, 처음에 이미지는 세로로 길게 늘어뜨려져있는데 어떻게 이미지가 보이게 되는건가요? 예를 들어 slide2의 img 같은 경우는 slide1의 img 보다 밑에 위치해있는데 버튼을 누르면 위치가 위로 올라와져서 보이게 되는건가요?ㅠㅠ&nbsp;

처음에 모든 이미지는 display: none; 인 상태로 모두 안보입니다.
하지만 :checked가 된 것은 보입니다. 그래서 최초에 :checked를 아래 처럼 html 자체에 미리 부여합니다.
<div style="background-color: #ffffff; font-family: Consolas, 'Courier New', monospace; font-size: 21px; line-height: 28px; white-space: pre;">&lt;input&nbsp;type="radio"&nbsp;name="tabmenu"&nbsp;id="tab1"&nbsp;checked&gt;</div>

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

각 slide가 display:block 될 때 질문