CSS属性之float学习心得

全文参考：http://www.linzenews.com/program/net/2331.html

我们来看看CSS重要属性--float。

以下内容分为如下小节：

1：float属性

2：float属性的特性

　　2.1：float之文字环绕效果

　　2.2：float之父元素高度塌陷

3：清除浮动的方法

　　3.1：html法

　　3.2：css伪元素法

4：float去空格化

5：float元素块状化

6：float流体布局

　　6.1：单侧固定

　　6.2：DOM与显示位置不同的单侧固定

　　6.3：DOM与显示位置相同的单侧固定

　　6.4：智能布局


1：float属性

float，顾名思义是漂浮，浮动的意思。但是在css中，它被理解成浮动。float有四个属性，即

1 float:none;
2 float:left;
3 float:right;
4 float:inherit; 

比较常用的两个属性值是左浮动和右浮动。在接下来的分享中，只会拿左浮动作为例子。其他浮动属性值与左浮动原理相同。

2：float属性的特性

　　 2.1：float之文字环绕效果

浮动的初衷就是为了文字环绕效果。

看如下代码和demo。

1 

2     


      
查看更多关于CSS属性之float学习心得的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did101893