普通文檔流：

默認狀態(tài)，元素自動從左到右（行內(nèi)元素）、從上到下排列（塊級元素）

浮動：

1、浮動元素會脫離文檔流

2、使元素向左或者向右移動，只能左右不能上下

3、浮動元素碰到包含框或另一個浮動框，浮動停止

4、浮動元素之前的元素不受影響，之后的元素將圍繞它

使用浮動產(chǎn)生高度塌陷——解決方法清除浮動

1、在浮動元素后加一個空元素，為其添加清除浮動屬性clear：both;

2、給浮動元素的容器添加 overflow:hidden;

? ? 加? zoom:1; 觸發(fā)hasLayout兼容IE6、7??

3、使用CS3的 :after 偽元素（同理方法1）

.clearfix:after{ content:' '; display:block; height:0; visibilty:hidden; clear:both;}

.clearfix{ zoom:1;}?

position定位：

static；使元素定位于常規(guī)流，可以使別的定位失效

relative；相對定位，相對常規(guī)流的位置產(chǎn)生偏移，實際位置不變；通常作為定位錨點使用于需要絕對定位的元素父容器

absolute；絕對定位，脫離文檔流，相對于帶有relative的父容器定位；如果沒有最近定位祖先元素，會根據(jù)body定位

*設置 top:0;bottom:0; left0;?right:0;? margin:auto auto; 可以居中容器

fixed; 固定定位，相對視口（用戶可視窗口）定位，脫離文檔流。不隨滾動滾動，其他屬性和絕對定位absolute一樣

sticky;磁貼定位，位置還在常規(guī)流，當滾動到設定錨點后，吸附固定不隨滾動而滾動。祖先有滾動時，偏移標尺相對祖先，祖先元素沒有滾動，那偏移標尺相對視口