HTML中的三種定位方式

2021-08-04 13:41:35 字數 673 閱讀 9417

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

下面簡要的說明一下他們的使用特點:

相對定位position:relative        1.它可以在四個方向分別或者同時進行偏移

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

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

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

絕對定位position:absolute        1. 它可以在四個方向分別或者同時進行偏移

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

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

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

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

固定定位position:fixed               1.它可以在四個方向分別或者同時進行偏移

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

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

注:普遍使用方式為子絕父相,即子元素絕對定位,父元素相對定位

可以使用z-index: 來進行優先順序顯示

html的三種定位

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

定位的三種方式

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

iOS中三種定位方式

每個手機基站都有乙個識別符號,iphone或3g ipad可以蒐集周圍所有收到訊號的基站和它們的識別符號,通過聯網傳送到蘋果雲端伺服器,再由伺服器根據這些基站的的位置資訊查詢並計算出當前位置,然後返回給手機。因為基站訊號輻射範圍大,所以誤差也大,在500公尺 幾公里.定位速度最快,耗電最少,誤差幾百...