css中常见的浮动方法

1. 左浮动

.float-left {
   float: left;
} 

2. 右浮动

.float-right {
   float: right;
} 

3. 清除浮动

.clearfix::after {
   content: "";
   display: block;
   clear: both;
} 

4. 居中浮动

.center {
   margin: 0 auto;
} 

5. 浮动固定宽度

.float-width {
   float: left;
   width: 200px;
} 

6. 浮动自适应宽度

.float-auto {
   float: left;
   width: auto;
}