CSS——position

position是指元素的定位方式，有：static、absolute、fixed、relative、inherit 5種。

static	默認，佈局排版方式按照HTML代碼的順序佈局。
absolute	絕對定位，相對與祖先div 中非static的元素定位。
fixed	絕對定位，脫離HTML文檔流，默認位置由後續元素佔用，自身相對於瀏覽器窗口布局定位。因爲與其餘元素的位置衝突，應該注意定義 z-index 屬性設置
relative	相對定位，相對於自身在HTML文檔中的位置進行定位
inherit	和父級div的position相同

 

 

http://www.cnblogs.com/bokin/archive/2012/12/07/2807322.html

 

http://blog.csdn.net/tomatozq/article/details/7178144

 http://blog.sina.com.cn/s/blog_4bcf4a5e010008o0.html

http://zh.learnlayout.com/inline-block.html

http://www.cnblogs.com/dolphinX/p/4071725.html

http://www.cnblogs.com/yexiaochai/p/4074624.html

http://www.cnblogs.com/polk6/archive/2013/07/26/3214847.html

http://www.chinaz.com/design/2010/1229/151993.shtml

 http://www.cnblogs.com/oer2001/archive/2013/08/03/3235294.html

http://www.cnblogs.com/jenney-qiu/archive/2012/03/28/2421819.html

http://www.cnblogs.com/bokin/archive/2012/12/14/2816864.html

一、

爲何行內元素（例如<a>）設置float以後才能用width調整寬度？

由於只有塊元素纔會有物理屬性，在css世界裏邊，有三種形態的東西，

1. 塊元素。　特性：有物理屬性，width,height寫值起做用，並且要佔據一行。
2. 內聯元素。 特性：沒有物理屬性。可是margin，padding值有用。不佔據一行，後邊能夠有兄弟元素。
3. 便是塊又是內聯，根據兄弟兄弟元素決定。

爲何是float以後纔會有物理屬性，這就是塊與內聯元素相互轉化的問題。
塊元素 -> 內聯元素：　display:inline;
內聯元素 -> 塊元素：　display:block;

float就是隱性的把內聯元素轉化爲塊元素，這是對內部的特性就是有物理特性，可是他不佔據一行。對外是內聯元素的屬性。他有個壞處就是會影響兄弟元素。至關於：display:inline-block;
那爲何不直接display:inline-block;由於這個玩藝在ie6下有幾個px的bug。

 

 

 

CSS中margin-top/bottom(padding-top/bottom)百分比爲什麼以最近的塊級祖先元素的寬度而不是高度做計算？