# 1、static(靜態定位)：
position：static；
是預設值。按當前文件流自動分配在合適的位置，不會脫離文件流，可以用margin來改變位置；
2、relative（相對定位）：
position：relative；
1.如果沒有定位偏移量，對元素本身沒有任何影響；
2.不會使文章脫離文件流，空間依然被保留，只是視覺上相對原來的位置有移動；不會影響其他元素布局；
3.top、right、bottom、left的設定相對於元素自身進行偏移的；
3、absolute（絕對定位）：
position：absolute；
1.使文章脫離文件流；
2.內聯元素支援寬高（讓內聯具備塊的特性）；
3.塊元素的預設寬根據內容的長度決定，不再由父容器決定了（讓塊具備內聯的特性）；
4.在沒有父元素的條件下，參照瀏覽器左上角發生偏移；當存在父容器並且給父容器設定position屬性（position：static；不算設定了屬性），則是以父容器的左上角為原點進行定位，通過設定偏移量來發生偏移；
4、fixed（固定定位）：
position：fixed；
1.使文章脫離文件流；
2.內聯元素支援寬高（讓內聯具備塊的特性）；
3.塊元素的預設寬根據內容的長度決定，不再由父容器決定了（讓塊具備內聯的特性）；
4.相對與瀏覽器整個視窗進行定位，不受瀏覽器滾動條影響，也不受父容器影響；
5、sticky（黏性定位）：
position：sticky；
在未到達指定位置的時候，無定位效果，
到達了指定位置，就變成了固定模式。
【注】定位偏移量（top、right、bottom、left）不能單獨使用，必須配合定位模式。
以上是本週在逆戰班的乙個小結。
CSS 定位方式
1，什麼是定位 表示元素在網頁中的位置 2，css中，定位的分類 1，普通流定位 預設定位方式 2，浮動定位 重難點，用的最多 3，相對定位 4，絕對定位 5，固定定位 3，普通流定位 普通流定位，又稱為 文件流定位 是預設定位方式。典型的 流式布局 特點 1，每個元素在頁面中都有自己的位置，並佔據...
CSS定位方式
css定位方式 css中關於定位的屬性 position 其中position包含的屬性值主要有五種 static relative absolute fixed sticky 一 static靜態定位 static是position的預設定位方式，當你省略position屬性，遊覽器會預設定位方式...
CSS的常用定位方式
static relative absolute fixed 1 static靜態定位 html 元素的預設值，即沒有定位，遵循正常的文件流物件。靜態定位的元素不會受到 top,bottom,left,right影響。2 fixed定位 元素的位置相對於瀏覽器視窗是固定位置。即使視窗是滾動的它也不會...