關於position和float

 position有四種值：static, relative, absolute, fixed.

其中staic是默認值，並且static和relative是在文檔流裏佔據位置的。

static無法設置top，left屬性

relative設置的top，left屬性是相對於自己在文檔流裏的位置的偏移。

 

absolute和fixed並不佔據文檔流。

absolute會在其祖先裏找第一個不是static的控件，以它的位置爲參考，設定top，left，如果沒找到，那麼就以body基準。

fixed是絕對的以可見區域爲基準設定偏移位置。

 

float本身也不存在於文檔流裏，它實際上是對佈局的一種trick，包括後來的inline-block，css3裏慎用。

當float和position混用時，只能指定static和relative，如果指定了absolute或者fixed，float的設定將無效。