CSS 的4中定位方式

2021-07-05 12:44:09 字數 429 閱讀 1598

一、流動定位 style="

position:static"

(預設方式)

無法通過css對其定位,不會因為top、left 的改變而移動

二、相對定位 style="

position:relative"

它是流動布局的一種特殊形式。遵循文件流動的規則(保留在文件流中的位置),同時受left 、 top 的影響(以在文件流的位置為參照,進行偏移)。

三、絕對定位  style="

position:absolute"

絕對定位完全脫離文件流,以最近的上級非靜態定位的元素為參照物件進行定位。如果沒有上級非靜態元素,則以整個文件為參照物件

四、固定定位  style="

position:fixed"

以瀏覽器視窗左上角為參照,進行定位。當拖動滾動條時不受影響

css 4種定位方式

css的定位即position屬性的值有4種 static,relative,absolute,fixed。static是預設值,元素位於文件流中,正常顯示,忽略元素的top,bottom,left,right屬性。需要注意的一點是z index屬性在這個定位方式下始終為0.如果其他定位方式的漂浮元...

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屬性,遊覽器會預設定位方式...