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

8176 ワード

一、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 その