不同定位下DIV的移動方式

2021-08-21 21:52:18 字數 501 閱讀 2837

div的移動方式

div的移動方式是和它的定位方式有關的,div的定位方式有如下四種

relative

absolute

static

fixed

自己寫**的時候會經常犯乙個錯誤,不管ta的定位是怎樣,拿來直接就是top left,但是效果卻不能實現。因為不同的定位移動方式也不同

relative

relative可以使用margin 或直接使用top left ,它是相對定位,對其他文件流沒有影響

absolute

絕對定位,top left沒用,只能使用margin來移動div,脫離了文件流

static

無定位,不受 top left button right 的影響

fixed

固定定位,相對瀏覽器的定位

定位存在的意義和不同定位之間的區別

某個元素可以自由的在乙個盒子內移動位置,並且壓住其他盒子,這樣的效果,標準流或浮動都無法快速實現,此時需要定位來實現。所以 浮動可以讓多個塊級盒子一行沒有縫隙排列顯示,經常用於橫向排列盒子。定位則是可以讓盒子自由的在某個盒子內移動位置或者固定螢幕或者固定螢幕中某個位置,並且可以壓住其他盒子。定位 將...

Selenium不同的定位方式

driver.findelement by.id id值 driver.findelement by.name name值 driver.findelement by.linktext 鏈結的全部文字內容 driver.findelement by.partiallinktext 鏈結的部分文字內容...

UIImage不同環境下的幾種建立方式

uiimage就是乙個 自己不能顯示 必須依託其他空間顯示 建立的常用3種方法 1 較小可使用此種方法 此方法建立的會一直駐留在記憶體中 uiimage img1 uiimage imagenamed 1.png 2 較大可以使用此方法 從檔案中獲取乙個 uiimage img2 uiimage a...