CSSフローティングをクリアする3つの方法

8176 ワード
CSS

一、clear:bothクリアフローティング


最も原始的なクリアフローティング方式で、互換性が最も良く、フローティングの内容の後ろにdivを付けてそのsytleをclear:bothと定義します.具体的なコードは以下の通りです.
.clear{
  clear:both
}
.box{
 float:left;
}


box

box

box



 
  
 、     overflow:auto
 
  
           ouverflow         ，  overflow:auto;                  ，      。    
 
  
.box{
 float:left;
}
.content{
  overflow:auto;
}
  


box

box

box

 
  
 、    ：after（  ）
 
  
               :after，       clear:both。    ：
 
  
.box{
  float:left;
}
.content:after{
  clear:both;
}
  


box

box

box

 
 
 


                            

                        









  があるかもしれません
 









アルファベットで  :
A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z  その
さまざまなレイアウトと中央揃えの実装
技術学習博6