강의

멘토링

커뮤니티

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

wlsgml6200님의 프로필 이미지
wlsgml6200

작성한 질문수

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

7. 세로 2컬럼 와이어프레임(C1~C4) - 배경색 사용해서 HTML+CSS 구조만들기

구분을 하려면 각각의 .left .right에 float속성을 사용하는 것 아닌가요..? .container > div에 float속성을 주어서 왼쪽 오른쪽이 나눠지는게 이해가 안갑니다 ㅠㅠ

작성

·

295

1

구분을 하려면 각각의 .left .right에 float속성을 사용하는 것 아닌가요..? .container > div에 float속성을 주어서 왼쪽 오른쪽이 나눠지는게 이해가 안갑니다 ㅠㅠ

답변 1

1

물론 .left와 .right에 float: left를 주셔도 됩니다

하지만 이렇게 하면 .left와 .right에 같은걸 중복해서 주게 되서 비효율적이잖아요.

그래서 left와 .right와 같은 의미인 .container > div에 float: left를 준거에요.

조금 더 쉽게 설명하면...

.container > div   ==    .left    ==   .container > div:nth-child(1)

.container > div   ==    .right    ==   .container > div:nth-child(2)

위에 두가지가 같은 의미에요. 그러니까 .container > div로 하면 한번만 사용해도 되는거죠.

wlsgml6200님의 프로필 이미지
wlsgml6200

작성한 질문수

질문하기