html的三種定位

2021-10-21 18:03:33 字數 606 閱讀 9679

前端開發中比較常用的定位有三種:相對定位,絕對定位,固定定位。

**相對定位position:relative **

1.它可以在四個方向分別或者同時進行偏移

2.定義時它的參照物是父元素(沒有時為瀏覽器本身)

3.偏移後元素的原來位置還是被佔著,並沒有空出來

4.當父元素和子元素同時定義時,他們的參照物是父元素,且佔據原來的位置

絕對定位position:absolute

它可以在四個方向分別或者同時進行偏移

2.單獨定義時它的參照物是瀏覽器本身,且不佔據原來的位置

3.當父元素和子元素同時定義時,他們的參照物是父元素,且不佔據原來的位置

4.當子元素絕對定位,父元素相對定位時,他們的參照物是父元素,且還佔據原來的位置

5.當子元素相對定位,父元素絕對定位時,他們的參照物是父元素,且不佔據原來的位置

固定定位position:fixed

1.它可以在四個方向分別或者同時進行偏移

2.定義時它總是以瀏覽器為參照物,且不佔據原來的位置

3.它不會隨著瀏覽器的滾動而移動,即會固定在所能到觀察瀏覽器介面的固定地方

HTML中的三種定位方式

在一般的前端開發中比較常用的定位有三種 相對定位,絕對定位,固定定位。下面簡要的說明一下他們的使用特點 相對定位position relative 1.它可以在四個方向分別或者同時進行偏移 2.定義時它的參照物是父元素 沒有時為瀏覽器本身 3.偏移後元素的原來位置還是被佔著,並沒有空出來 4.當父元...

html5的三種定位的解釋

目錄 關於距離的解釋 一 相對定位 relative 二 絕對定位 absolute 三 固定定位 fixed 例如 right 8 px 執行此操作之後的圖形的右邊界距離自身 移動前 的右邊的距離是8 px 1.如果是 right 右邊則兩者都是右邊 即想要的圖形的右邊與移動前的圖形的右邊的距離是...

定位的三種方式

1.wifi定位,ip位址定位,通過ip位址進行查詢實際位址 2.基站定位,訊號塔,基站 手機通訊服務的裝置 訊號的格數決定了手機距離基站遠近,精確度 幾十公尺到幾公里,精確度來自於基站的數量 wifi定位和基站定位侷限性 不能定位海拔 3.gps定位,通過和gps定位衛星通訊進行定位的,使用最少衛...