html浮動定位相關知識

2021-08-10 05:38:48 字數 813 閱讀 3832

浮動

浮動float分為左浮動和右浮動 ,  預設是沒有浮動效果的 .

兄弟級浮動 : 如果都不設定浮動效果,那麼兩個div處於同乙個文字流(相當於同一層級上).div1和div2同時左浮動   這時會按div排列順序排列

. 不管左浮動還是右浮動,靠近瀏覽器邊框方向就是靠前.

父子級浮動 : 子div的畫布就是父div , 設定浮動效果 , 子div會在父div中浮動 .

清浮動 : 清除浮動clear: left , 清除該標籤周圍元素的浮動效果 , 清除浮動效果只會作用在你要改變其位置的這個標籤上 .定位

絕對定位 : position: absolute開啟定位效果, 絕對定位脫離了當前層級 , 定位時首先分析參照物是誰? 尋找從父級標籤開始尋找是否有開啟定位效果的父級標籤 , 如果找到就以當前的父級標籤為參照物 ,  如果沒找到就繼續向上尋找父級的父級, 直到找到為止 , 如果一直沒有找到 , 就以body為參照物進行定位 .非static的父級標籤   都可以當絕對定位做參照物.

相對定位 : 參照物為其本身,設定相對定位並沒有脫離當前的層級 , 所以下面的元素不會擠上來 . position: relative開啟相對定位 .

固定定位 : position: fixed開啟定位 , 定位脫離了當前層級 , 定位的參照物是以瀏覽器為參照物 .

透明度

透明度如果是父子結構的標籤 , 子標籤的透明度會跟隨父標籤透明度 . 透明度opacity

表示是0-1值 , 可以是小數 .

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 如果要定位的元素...