height 설정에 관한 질문

Question

전에 float 속성 썼을 때 부모요소가 높이값을 잃을 때 overflow:hidden 쓰거나 height설정 중 둘 중 하나를 하면 된다고 했는데 여기서는 부모요소에 overflow:hidden을 넣는다 해도 height도 꼭 써줘야 하나요?

Answer

자식요소에 모두 float가 있으면 부모요소가 높이를 잃을 때 찾아주는 방법은 3가지에요.

1) 부모요소에 overflow: hidden

2) 부모요소에 높이갑 주기

3) float 다음요소에 clear: both;

대부분 1번으로 하시면 되구요. 상황에 따라 2번으로 하시면 됩니다.

웹디자인 기능사 실기시험 레이아웃에서는 모두 1번으로 하시면 되지만 단, header는 서브메뉴가 아래로 내려와야 하니까 꼭 2번으로 하세요.