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专用属性)

更多专业前端知识，请上 【猿2048】www.mk2048.com