CSS的常用定位方式

2021-10-08 16:35:14 字數 483 閱讀 3021

static relative absolute fixed

1、static靜態定位

html 元素的預設值,即沒有定位,遵循正常的文件流物件。靜態定位的元素不會受到 top, bottom, left, right影響。

2、fixed定位

元素的位置相對於瀏覽器視窗是固定位置。即使視窗是滾動的它也不會移動。fixed定位使元素的位置與文件流無關,因此不佔據空間。fixed定位的元素和其他元素重疊。

3、relative相對定位

相對於該元素的正常位置進行定位,移動相對定位元素,但它原本所佔的空間不會改變。相對定位元素經常被用來作為絕對定位元素的容器塊。相對定位可能會造成元素之間的重疊現象出現。

4、absolute絕對定位

絕對定位的元素的位置相對於最近的已定位父元素,如果元素沒有已定位的父元素,那麼它的位置相對於。absolute 定位使元素的位置與文件流無關,因此不佔據空間。absolute 定位的元素和其他元素重疊。

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定位方式

1 static 靜態定位 position static 是預設值。按當前文件流自動分配在合適的位置,不會脫離文件流,可以用margin來改變位置 2 relative 相對定位 position relative 1.如果沒有定位偏移量,對元素本身沒有任何影響 2.不會使文章脫離文件流,空間依然...