[ css ] 태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 : float ) > html&css

가로 정렬, 세로 정렬 등 테이블과 같이 명확한 효과를 얻기 위해 사용하는 css의 종류와 사용법

float를 사용하는 경우 float를 해제 해줘야 한다.

첫번째로 float를 사용하는 방법

float:left(왼쪽정렬), float:right(오른쪽정렬)

<div class="clear">

 <div class="left"></div>

 <div class="left"></div>

 <div class="left"></div>

</div>

float를 사용하는 경우 float를 해제 해줘야 한다.

그래서 css에 다음과 같은 방법을 사용하면 좋다.

.clear:after{ content:""; clear:both; display:block;}

.left{float:left;box-sizing:border-box}