<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">선생님 가로고정형part에서는 footer에서 .copyright div:nth-child를 사용하여 와이어프레임을 설정 하였는데,</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">가로 100% part에서는 .copyright div 에 border 값을 줘서 확인 하셨는데 100%에서도 두 방법 다 사용하여도 상관 없을까요?</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/8e99fc9c-7020-4580-876c-a0954caf80f6/blob" alt="" /><img src="https://cdn.inflearn.com/public/files/posts/2a086b2d-1432-4090-a522-8b8b359d0215/blob" alt="" /></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/fccbceb7-f5ac-4bf0-88ab-59168d208772/blob" alt="" /><img src="https://cdn.inflearn.com/public/files/posts/7917affb-dc27-4389-8b04-60451b68999f/blob" alt="" /></div>

<p>html 구조가 아래처럼 되어 있다면 말씀하신데로 .copyright div 로 하셔도 됩니다.</p>
<p>다음에 질문 주실 때는 html 구조도 같이 올려주세요.</p>
<p>html 구조에 따라서 다르기 때문에 html 구조 없으면 정확하지 않은 답변이 올라갈 수도 있어요~</p>
<p><img title="code2.png" src="https://cdn.inflearn.com/public/files/posts/baad8b91-20ad-4f72-af39-e089dc10bd5d/code2.png" alt="" width="770" height="516" /></p>

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

footer에서 .copyright div:nth-child 질문 있습니다!

6. 가로 100% 와이어프레임(B1~B4) - 배경색 사용해서 HTML+CSS 구조만들기

디자인 요소 배치에만 영향을 주기 때문

실기 시험의 시작점이며 다른 모듈 진행에 필수적이기 때문

특정 브라우저 호환성 문제 해결에만 필요하기 때문

복잡한 스크립트 구현보다 어렵기 때문

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

footer에서 .copyright div:nth-child 질문 있습니다!