묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
clear:both 질문
2013.04.13 04:25
A, B, C 세 가지의 객체가 있고, 모두 다 일렬로 배열되어 있으며, 모두 다 float:left 속성을 가지고 있습니다.
당연히 A, B, C 세 객체는 한 줄에 표시되겠죠?
이들 마지막 객체 뒤에 clear:both 속성을 가진 div 요소를 하나 집어넣습니다.
이 속성을 가진 div 요소는 A, B, C 중 제일 큰 높이값을 가져와 마치 테이블처럼 선택되는데요.
이를 활용해 A, B, C의 높이값을 모두 이 제일 큰 높이값으로 바꾸어 표현될 수는 없을까요?
왼쪽 사이드바, 본문, 오른쪽 사이드바 이렇게 레이아웃을 구성 중인데, 이들 모두 높이가 다 다르기 때문에 하나로 통일해주고 싶거든요..
높이 맞추려면 그냥, 세 div다 height: 100% 주면 되지 않나요?