모두CBT

다음 글상자의 괄호 안에 들어갈 용어로 가장 올바른 것은?CSS3에서 … | [전자상거래운용사 필기] 21년 1회차 기출문제 상세 페이지

1[전자상거래운용사 필기] 21년 1회차

다음 글상자의 괄호 안에 들어갈 용어로 가장 올바른 것은?

CSS3에서 레이아웃의 구성 순서는 다음과 같다.
1. 부모 태그에 고정된 너비를 입력
2. 수평 정렬하는 부모 태그의 (    ) 속성에 hidden을 적용
3. 자손 태그에 적당한 너비를 입력하고 float 속성을 적용

1
onetrue
2
overflow
3
margin
4
position
해설

수평 정렬을 위해 부모 태그에 hidden 값을 지정하는 속성은 overflow다.

글상자의 구성 순서는 부모 태그에 고정 너비를 주고 → 부모 태그에 overflow: hidden을 적용한 뒤 → 자손 태그에 너비를 지정하고 float를 적용하는 흐름이다. 자손을 float 시키면 부모가 자식의 높이를 인식하지 못해 레이아웃이 무너지는데, 부모에 overflow: hidden을 주면 부모가 float된 자식을 감싸는 효과가 생겨 수평 정렬이 유지된다.

  • margin은 요소 바깥 여백을 지정하는 속성이라 hidden 값을 가질 수 없다.
  • position은 static·relative·absolute 등 배치 기준을 정하는 속성이다.
  • onetrue는 CSS에 존재하지 않는 이름이다.

내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.