1， 什麼是定位
表示元素在網頁中的位置
2， css中，定位的分類
1， 普通流定位（預設定位方式）
2， 浮動定位（重難點，用的最多）
3， 相對定位
4， 絕對定位
5， 固定定位
3， 普通流定位
普通流定位，又稱為「文件流定位」。是預設定位方式。
典型的「流式布局」
特點：1， 每個元素在頁面中都有自己的位置，並佔據一定的空間
2， 每個元素都是從其父元素的左上角開始排列的
3， 每個元素基本都是從左到右或從上到下的方式排列
塊級元素：從上到下，每個塊級元素獨佔一行
行內元素&行內塊元素： 從左到右排列，排列不下會換行
4， 浮動定位
1， 浮動元素的特點
將元素設定為浮動定位，元素將具備以下幾個特點：
1， 浮動元素會被排除在文件流之外-脫離文件流，那麼元素將不再佔據頁面空間
2， 剩餘未浮動元素會上前佔位
3， 浮動定位的元素會停靠在父元素的左邊或右邊，或其他已浮動元素的邊緣上
4， 浮動只能在當前行浮動
5， 浮動解決的問題：讓多個塊級元素在一行內顯示的問題
2， 語法
屬性：float
取值：1， none 預設值，無任何浮動效果
2， left 浮動到父元素左邊，或停靠在左邊已有浮動元素的邊緣
3， right 浮動到父元素的右邊，或停靠在右邊已有的浮動元素邊緣
3， 浮動引發的特殊效果
1， 如果父元素顯示不下所有已浮動的元素，則最後乙個將換行，但可能會被卡主；
2， 元素一旦浮動起來後，將變為塊級元素；(即使是,)
行內元素一旦浮動，就允許修改尺寸；
3， 元素一旦浮動起來之後，在未指定寬度的情況下，寬度將由內容來決定
主要針對塊級元素
4， 文字，，行內元素是採用環繞的方式排列，不會被浮動元素壓在下面的；
4， 清除浮動
元素一旦浮動起來之後，後面的元素要上前佔位，有可能被浮動元素壓在下面。如果元素不想被壓在下面
可以通過清除浮動 影響的方式來解決
語法：屬性： clear
取值：
1,none 預設值，不做任何清除浮動的操作
2，left
清除當前元素前面元素左浮動帶來的影響，即不會被前面元素浮動而壓在地下
3， right
清除前面元素右浮動帶來的影響；
4， both
清除前面元素任何一種浮動方式帶來的影響
5， 浮動元素對父元素高度的影響
由於浮動元素會脫離文件流，所以是不佔據頁面空間的，那麼就不佔據父元素的空間。
父元素高度是以未浮動子元素高度為準；
解決父元素高度方法：
1， 為父元素設定高度；
弊端：不一定清楚地知道父元素高度；
2， 設定父元素浮動；
弊端： 會對父元素後面的元素產生位置影響；
3， 設定父元素overflow 為hidden或auto
弊端： 如果有溢位，要顯示的元素也一同被隱藏了；
4， 在父元素中追加空的塊級元素，並設定clear屬性為both;
用的最多；
5， 其他定位
1， 相關屬性
1，定位方式
屬性：position
取值：1，static 靜態的，預設值
2，relative - 相對定位
3，absolute - 絕對定位
4，fixed - 固定定位
注意：將元素的position 設定為relative/absolute/fixed 任意一種，那麼該元素就被稱為已定位元素。
2， 偏移屬性（4個）
作用：配合已定位元素實現位置的移動
屬性：top/right/bottom/left
以元素的上/右/下/左邊為基準邊移動元素
取值：以px為單位的數值
各個方向，取值為正的時候，均向裡面移動；
如圖：2， 定位方式 - 相對定位
1， 什麼是相對定位
元素會相對於它原來的位置偏移某個距離
2， 場合
元素位置微調時使用相對定位
3， 語法：
屬性：position
取值：relative
配合偏移位置實現位置的移動
區別於margin, margin移動後，原來的位置會被後續元素佔據；position則不會；
**：3， 定位方式 - 絕對定位(難點)
1， 概念&特點
1，絕對定位的元素會脫離文件流-不佔頁面空間；
2，絕對定位的元素會相對於離它最近的，已定位的，父級元素(不限層級)去實現位置的初始化。
3，如果元素沒有已定位的父級元素，那麼元素將相對於body去實現位置的初始化。
使用場景：
有元素堆疊效果的地方；
選單彈出框
2，語法：
屬性： position
取值： absolute
3， 注意
絕對定位的元素會變為塊級元素
任何元素變成絕對定位的話，就可以直接修改尺寸；
4， 堆疊順序
1， 什麼是堆疊順序
已定位元素們，對接在一起的排列顯示順序
2， 語法
屬性：z-index
取值：無單位的數字， 數字越大越靠上面
預設值： 0
3， 注意
1，如果元素的堆疊順序相同，則後來者居上
2，只有已定位元素才可以使用z-index
relative/absolute/fixed
3， 父子元素之間，永遠都是子壓在父上，不受堆疊順序影響；
5， 定位方式 - 固定定位
1，什麼是固定定位
讓元素固定在瀏覽器視窗的某個位置處，不會隨著滾動條的滾動而發生位置的變化；
2，語法
屬性：position
取值：fixed
配合著偏移屬性，實現元素位置的固定，
3， 注意：
1， 固定定位的元素，永遠都是相對於body實現位置初始化的。
2， 固定定位的元素也會變為塊級元素， 直接放在body中。
#rmenuCSS定位方式
css定位方式 css中關於定位的屬性 position 其中position包含的屬性值主要有五種 static relative absolute fixed sticky 一 static靜態定位 static是position的預設定位方式，當你省略position屬性，遊覽器會預設定位方式...
CSS定位方式
1 static 靜態定位 position static 是預設值。按當前文件流自動分配在合適的位置，不會脫離文件流，可以用margin來改變位置 2 relative 相對定位 position relative 1.如果沒有定位偏移量，對元素本身沒有任何影響 2.不會使文章脫離文件流，空間依然...
CSS的常用定位方式
static relative absolute fixed 1 static靜態定位 html 元素的預設值，即沒有定位，遵循正常的文件流物件。靜態定位的元素不會受到 top,bottom,left,right影響。2 fixed定位 元素的位置相對於瀏覽器視窗是固定位置。即使視窗是滾動的它也不會...