定位的方式

2021-10-20 18:20:06 字數 713 閱讀 3696

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

相對定位position:relative

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

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

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

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

絕對定位position:absolute

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

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

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

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

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

固定定位position:fixed

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

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

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

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

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

webdriver 定位方式

1 有時為了定位更可靠,所以需要使用xpath通過多個屬性進行定位元素 從匹配選擇的當前節點擊擇文件中的節點,而不考慮它們位置 driver.findelement by.xpath input name pass and class textfild clear 2 關於xpath 查詢元素還可以...

CSS 定位方式

1,什麼是定位 表示元素在網頁中的位置 2,css中,定位的分類 1,普通流定位 預設定位方式 2,浮動定位 重難點,用的最多 3,相對定位 4,絕對定位 5,固定定位 3,普通流定位 普通流定位,又稱為 文件流定位 是預設定位方式。典型的 流式布局 特點 1,每個元素在頁面中都有自己的位置,並佔據...

HTML定位方式

position relative 相對定位 相對定位不會脫離文件流,保持流式布局中的位置 position absolute 絕對定位 1.絕對定位會使標籤脫離文件流,丟失在流式布局中的位置 2.設定座標之前,標籤會在原來的地方,和其他標籤重疊 3.設定left,top座標之後,預設網頁左上角為原...