CSS和文檔流，CSS文檔流

CSS和文檔流，CSS文檔流

1、  CSS的定位機制有3種：普通流、浮動和定位。

2、  文檔流：從上到下，從左至右，一個挨一個的簡單或者叫正常布局。

3、  定位：（position）

 

Static：保持文檔流。

Relative：相對本身的原始位置發生位移且保持文檔流，占空間。

Absolute：脫離文檔流，不佔空間且相對於其包含塊來定位。

4、  浮動：（flaot）脫離文檔流，不佔空間。

5、  以前總是覺得position：static這個屬性很多餘，現在看來他的作用就是讓元素保持文檔流的！

以上都是我—“1號仔”，在學習的過程中發現的問題，歡迎有更多想法的童鞋們發表意見互相交流，以達到共同進步的效果。

 

來自：http://blog.sina.com.cn/s/blog_68150d100101229a.html