css盒子定位：
什麼是盒子定位呢，顧名思義，就是元素盒子（以下主要以塊級盒講解）在頁面中的位置，定位就是確定他的位置，盒子定位分為以下四種 ：
1、靜態位置(position：static)也就是預設值：
每乙個元素在沒有float值的時候，都有position值，就是static，可以直接理解它在是預設值的時候就是常規流，所有規則與常規流一樣；
2、相對位置（position：relative）：
相對定位：相對於自己原來的位置進行移動。
實際**操作：對於標籤樣式先宣告
position:relative;
再描述移動方向與畫素大小
left帶正數向右移，以此類推，正數情況下方向相反，那麼在這種情況下對於初學的我們，這種定位可以以帶負數形式就與標籤頭方向相同了。
以相對定位移動盒子後盒子時不脫離標準流的，所移動的是乙個「虛影」，並非整個盒子往那邊移動，所以盒子移動之後，周圍的盒子是不會發生變化的。
相對定位在實戰中用得比較少，一般用於盒子微調。
3、固定位置（position：fixed）：
固定定位，顧名思義就是固定盒子不隨網頁滑動而移動
實際**：position:fixed;
可以通過top、bottom、left、right設定畫素值來固定位置；
一般用於導航欄或者網頁角落的廣告；
4、絕對位置（position：absolute）：
絕對定位使元素的位置與文件流無關，也就是脫離文件流，因此不佔據空間，比如說有三個縱向排列的三個元素盒子，尺寸寬高都為100px，如果給中間的盒子設定了position：absolute；那麼他就會脫離出來，它下面的那個盒子就會向上浮，絕對定位盒子的包含塊主要看他父級或祖先級裡面有沒有定義了position值的，如果有，就是他的包含塊；
這一點與相對定位不同，相對定位實際上被看作普通流定位模型的一部分，因為元素的位置相對於它在普通流中的位置。
其實相對定位與絕對定位都屬於常規流。
CSS 11 CSS盒子的定位
在css中有乙個非常重要的屬性position，然而要使用css進行定位操作，並不僅僅通過這個屬性來實現，二者不要混淆。先看一段 一 relative演示 html部分 box 1 css部分 father son 頁面效果 從css上看沒有對盒子設定任何浮動屬性和定位屬性，所以頁面展示效果就是標準...
CSS盒子的絕對（absolute）定位
css中使用盒子時，對於絕對定位 absolute 有以下總結 first 使用絕對定位的盒子，以它的 second 絕對定位的 盒子 已經從標準流中脫離，這意味著它們對於其後的兄弟盒子的定位沒有影響，其他的盒子就好像這個盒子不存在一樣。主語 上面說到的，已經定位 表示，position的屬性已經被...
CSS中盒子的浮動定位
1.盒子的浮動 在標準流中,乙個塊級元素在水平方向會自動伸展，知道包含它的元素的邊接 而在豎直方向與相鄰元素依次排列，不能併排。css中float屬性，預設為none。將float屬性的值設定為left或right，元素就會向其父元素的左側或右側靠緊。同時預設情況下，盒子的寬度不再伸展，而是根據盒子...