CSS2.1規定了3種定位方案
1.Normal flow：普通流(相對定位 position relative、靜态定位 position static)
普通流（normal flow，國内有人翻譯為文檔流）：普通流預設是靜态定位，将窗體自上而下分成一行一行,塊級元素從上至下、 行内元素在每行中按從左至右的挨次排放元素,即為文檔流。
2.Float:浮動流
浮動流：元素的浮動，即可以讓一個元素脫離原來的文檔流，漂到另一個地方，漂到左邊或右邊等等。
3.Absolute position：絕對定位
絕對定位：就是直接将元素的位置寫清楚，距離它的外層元素的左邊、右邊等多少距離。
第一部分、普通流Normal Flow示範：
代碼：
CSS_Position.html
View Code
CSS_Position.css：靜态定位 <position static 從上到下>
效果圖：
CSS_Position.css：靜态定位 <position static 從左到右>
效果圖：
CSS_Position.css:相對定位 <position relative>
第二部分、Float 浮動流示範：
CSS_Position.css：浮動一個元素
CSS_Position.css：三個元素全部浮動
CSS_Position.css：清除浮動元素
第三部分、Absolute position絕對定位示範：
CSS_Position.css: mylabel的預設位置
CSS_Position.css：絕對定位、使用絕對定位改變mylabel的位置，使mylabel距離外層頂部-10px，距離外層右邊10px：
程式猿神奇的手，每時每刻，這雙手都在改變着世界的互動方式！
本文轉自當天真遇到現實部落格園部落格，原文連結：http://www.cnblogs.com/XYQ-208910/p/5810673.html，如需轉載請自行聯系原作者