(css) clear

float 속성 해제하기

float 속성을 사용하고, 그 다음에 넣는 다른 요소들에도 똑같이 속성이 전달되기 때문에, float 속성이 유용하지 않다는 것을 알려주는 속성

clear : none | left | right | both

<style>
   div {
      padding:20px;
      margin:10px;
   }
   .box1{
      background:#ffd800;
      float:left;
   }
   .box2 {
      background: #0094ff;
      float:left;
   }
   .box3 {
      background: #00ff21;
   }
   .box4 {
      background:#a874ff;
      clear:both;
   }
</style>
<div class="box1">박스1</div>
<div class="box2">박스2</div>
<div class="box3">박스3</div>
<div class="box4">박스4</div>