定位相關複習 文件流

2021-08-03 20:41:07 字數 1995 閱讀 8349

定位相關複習

文件流:

html的布局機制,塊元素獨佔一行,內聯元素(

inline

)不獨佔一行

(1)相對定位:

相對於乙個東西來定位。這個東西就是它本身,同時可以使用left、

top、

bottom

、right

來移動元素的位置。

相對定位不會脫離文件流

(2)絕對定位:

找乙個東西相對來絕對定位。這個東西(element)必須設定

position

,並且定位方式非

static

。(這個小鬼(element)定位可以是爸爸、爺爺、太公

...(祖宗:

body

)中有position

:absolute

或position

:relative

、fixed

,   就是不能是

position

:static

或直接沒有寫定位)

注:絕對定位脫離文件流。一般使用「父相子絕」。

使用絕對定位設定top:0px和不設定

top屬性的區別:未設定時:元素的位置和沒有脫離文件流的位置一樣

<body>

<div

class=

"div1"

style=

"width: 250px;height: 250px;border: 1px solid blue

">

太公<div

class=

"div2"

style=

"width: 200px;height: 200px;border: 1px solid magenta

">

爺爺<div

class=

"div3"

style=

"width: 150px;height: 150px;border: 1px solid gold;position:fixed

">

爸爸<div

class=

"div4"

style=

"width: 100px;height: 100px;border: 1px solid red;position:absolute;bottom: 0px

">

小鬼div>

div>

div>

div>

body>

(3)fixed定位:相對於瀏覽器視窗的定位

使用了position屬性,一般不使用

margin

,padding

屬性

rssi定位相關

無線感測器網路中的定位有很多方法方式,我們目前所用到的是經典的三邊測距法,要想利用該方法,必須先測出節點之間的距離,如何測量節點之間的距離,有很多種方法,但是目前用到最多的還是rssi轉距離的經驗公式,大多數 目前在感測器網路測距定位的研究上只是用到 的方式,很少有實際測量的經驗論述 由於rssi轉...

selenium定位相關經驗

常用定位選擇 id name xpath css 一 說一些工作做遇到的一些定位場景 0.所有內容都有id或者name或者其他具有唯一標識的標籤,直接可以使用對應的標籤來定位 趕緊請開發哥哥喝個水,這樣的開發不容易遇到 1.沒有id 沒有name等關鍵字 用xpath定位,我常用的方式 常規相對定位...

Position定位相關屬性

語法 position absolute relative static fixed inherit 其中absolute relative為常用屬性,常見形式為組合使用 absolute 絕對定位 1 如果要定位的元素a的父標籤沒有設定定位時,那麼a就相對於瀏覽器視窗絕對定位。2 如果要定位的元素...