[CSS] clear: both를 사용한 레이아웃


[CSS] clear: both를 사용한 레이아웃

레이아웃 구성 방법으로 clear: both가 있습니다. clear: both를 사용하면 float으로 일그러진 레이아웃을 쉽게 초기화할 수 있습니다.이전에 다뤘던 float 속성을 이용한 레이아웃과 같은 형태의 레이아웃을 만들어보겠습니다.다음 코드처럼 div 태그의 형태를 잡아줍니다. 이전의 float 속성을 사용했던 것과 차이점이라면 #aside 태그와 #section 태그를 따라 감싸주지 않았다는 점입니다. clear: both를 사용해 레이아웃을 잡을 때는 이처럼 사용할 수 있습니다.이어서 가로로 자를 수 있는 부분에<div class="clear"></div>를 넣어줍니다.이 태그들에 clear: both를 적용할 텐데요. 이전에 언급했던..........



원문링크 : [CSS] clear: both를 사용한 레이아웃