float

1.float元素有继承属性：inherit.

2.

span{
   width:100px;
  height:100px;
  background:red;
}

 

文档中不显示，因为span为块状元素，不能设置宽和高。

3.

span{
   width:100px;
  height:100px;
  background:red;
  float：left；
}

此时在文档中显示。因为设置了浮动属性，会让span元素脱离标准文档流。

4. 使用浮动，可能出现的问题：①若父元素未设置高度，则父元素会塌陷，没有高度

                                                   ②网页中的临近元素出现异位。

                      问题解决：①给父元素设置高度

                                        ②给父元素也设置浮动属性

                                        ③通过clear清除内部和外部浮动        （在会被影响的临近元素上设置）clear可以继承。

                                       ④给父元素设置overflow属性，并结合zoom:1使用;   

                                                  overflow:hidden;       

                                                   zoom:1;    (IE专用属性)

转载于:https://www.cnblogs.com/sunmarvell/p/8094543.html