정보실

웹학교

정보실

css float된 요소를 자동으로 clear하기

본문

HTML :

<div class="clearfix">
  <div class="floated">float a</div>
  <div class="floated">float b</div>
  <div class="floated">float c</div>
</div>


CSS : 

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
.floated {
  float: left;
}


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 86회 ]  작성일18-08-31 23:19
css

웹학교