float


floatプロパティを持つ対応する要素は、ストリームから終了し、豊かになります.
豊かで広々とした場所では、次の要因が引き寄せられています.

対応するブラウザスペースに余裕がない場合は、次の行に移動します.

clear

  • left
    エレメントの左側のエレメントが存在しないようにします.
  • right
    エレメントの右側にあるエレメントが存在しないようにします.
  • both
    要素の両側にフローティング要素がないようにします.
  • <div class="container">
      <div class="left"></div>
      <div class="right"></div>
    </div>
    .container div {
      float: left;
      height: 500px;  /* container 의 높이는 0인 상태 */
    }
    
    .container::after {
      content: "";
      display: block;
      clear: both;
    }