定位 (position)
元素的定位屬性主要包括定位模式和邊偏移兩部分
1、邊偏移
邊偏移屬性
描述top
頂端偏移量，定義元素相對於其父元素上邊線的距離
bottom
底部偏移量，定義元素相對於其父元素下邊線的距離
left
左側偏移量，定義元素相對於其父元素左邊線的距離
right
右側偏移量，定義元素相對於其父元素右邊線的距離
2、定位模式
在css中，position屬性用於定義元素的定位模式，其基本語法格式如下：
選擇器position屬性的常用值值描述
static
自動定位（預設定位方式）
relative
相對定位，相對於其原文件流的位置進行定位
absolute
絕對定位，相對於其上乙個已經定位的父元素進行定位
fixed
固定定位，相對於瀏覽器視窗進行定位
自動定位
在靜態定位狀態下，無法通過邊偏移屬性（top、bottom、left或right）來改變元素的位置
*相對定位
相對定位是將元素相對於它在標準流中的位置進行定位，對元素設定相對定位後，可以通過邊偏移屬性改變元素的位置，但是它在文件流中的位置仍然保留。即相對定位的盒子仍在標準流中，它後面的盒子仍以標準流方式對待它。
絕對定位
絕對定位最重要的一點是，它可以通過邊偏移移動位置，但是它完全脫標，完全不佔位置
絕對定位是將元素依據最近的已經定位（絕對、固定或相對定位）的父元素（祖先）進行定位。
子絕父相（******重要）
因為子級是絕對定位，不會占有位置， 可以放到父盒子裡面的任何乙個地方。
父盒子布局時，需要占有位置，因此父親只能是 相對定位
固定定位
固定定位是絕對定位的一種特殊形式，它以瀏覽器視窗作為參照物來定義網頁元素。當position屬性的取值為fixed時，即可將元素的定位模式設定為固定定位。
固定定位有兩點：
固定定位的元素跟父親沒有任何關係，只認瀏覽器。
固定定位完全脫標，不占有位置，不隨著滾動條滾動。
案例：
"banner">
"content">
是否脫標占有位置
是否可以使用邊偏移
移動位置基準
靜態static
不脫標，正常模式
不可以正常模式
相對定位relative
不脫標，占有位置
可以相對自身位置移動
絕對定位absolute
完全脫標，不占有位置
可以相對於定位父級移動位置
固定定位fixed
完全脫標，不占有位置
可以相對於瀏覽器移動位置
css中的定位
本文只是個額外的說明，作為基礎知識的補充和額外的關注點 定位的分類以及預設定位 fix,static,relative,absolute 各個定位的包含塊是怎麼樣的 1.relative和static的包含塊由最近的塊級框，表單元格或行內塊祖先框的內容邊界構成 2.fixed的包含塊是視窗本身 3....
css中的定位
在css中避免不了定位，在實際開發中，關於定位模組有很多，定位有三種型別，絕對定位，相對定位，固定定位 1.絕對定位 position absolute 絕對定位 使元素脫離文件流，使元素提公升了半個層級 如果不指定定位父級，那麼絕對定位相對於文件可視區定位 塊元素 寬度不自適應，如果不設定大小，大...
CSS中的定位
static定位 position static 是元素在文件流中的預設定位，一般不會顯示寫出來，他會按照先後順序排列元素。fixed 定位 position fixed 跟他的名字一樣，使用這個定位，可以讓元素釘 在螢幕可視區域中，定位也是 相對於可視區域定位的。relative相對定位 posi...