css有三種基本的定位機制：普通流，浮動和絕對定位.
普通流：在普通流中元素框的位置由元素在html中的位置決定，
1、元素position屬性為static或繼承來的static時就會按照普通流定位
2、position屬性的relative(相對定位)值時，它將出現在他所在的位置上，然後可以通過設定垂直或水平位置，讓這個元素相對於它自己移動，
在使用相對定位時(top、left)，無論元素是否移動，元素在文件流中佔據原來空間，只是表現會改變。
<相對定位可以看作特殊的普通流定位，元素位置是相對於他在普通流中位置發生變化div
style
="border: solid 1px #0e0; width:200px;"
>
<
div
style
="height: 100px; width: 100px; background-color: red;"
>
div>
<
div
style
="height: 100px; width: 100px; background-color: green; position:relative; top:20px; left:20px;"
>
div>
<
div
style
="height: 100px; width: 100px; background-color: red;"
>
div>
div>
絕對定位：絕對定位使元素的位置與文件流無關，也不佔據文件流空間，普通流中的元素布局就像絕對定位元素不存在一樣。
1、絕對定位的元素的位置是相對於距離他最近的非static祖先元素位置決定的（absolute）
因為絕對定位與文件流無關，所以絕對定位的元素可以覆蓋頁面上的其他元素，可以通過z-index屬性控制疊放順序，z-index越高，元素位置越靠上。
2、fixed（固定定位的元素也不包含在普通文件流中），相對的是視口（viewport）
浮動：如果浮動的元素後面有乙個文件流中元素,那麼這個元素的框會表現的像浮動元素不存在,但是框的文字內容會受到浮動元素的影響,會移動以留出空間。
可用clear屬性清除。屬性的left，right，both，none表示框的哪些邊不挨著浮動框。
css中的三種基本定位機制
css中的三種基本定位機制 a.普通文件流 b.定位 相對定位 絕對定位 固定定位 c.浮動 1.普通流中，元素位置由文件順序和元素性質決定，塊級元素從上到下依次排列，框之間的垂直距離由框的垂直margin值計算得到，行內元素在一行中水平布置 2.相對定位看作普通流的一部分，移動後的元素仍佔據原來的...
CSS中的三種基本的定位機制
css 有三種基本的定位機制 普通流 浮動和絕對定位。一 普通流 除非專門指定，否則所有框都在普通流中定位。普通流中元素框的位置由元素在 x html中的位置決定。塊級元素從上到下依次排列，框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平布置。二 定位 相對定位 被看作普通流定位...
CSS中的三種基本的定位機制（普通流 定位 浮動）
普通流中元素框的位置由元素在xhtml中的位置決定。塊級元素從上到下依次排列，框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平布置。普通流就是html文件中的元素如塊級元素 行內元素依據他們的顯示屬性按照在文件中的先後次序依次顯示。是塊級元素就佔一行或多行，是行內元素就和其他元素...