1.相對定位。
1.1如何設定相對定位?
給元素設定postion:relative 即可實現相對定位。
可以使用left,right top,bottom調整位置
1.2相對定位的參考點在哪裡
相對自己原來的位置。
1.3相對定位的特點.
(1)不會脫離文件流,元素位置的變化只是視覺效果的變化。不會對其他元素產生影響。
(2)定位元素的顯示層級比普通元素高,無論什麼定位,顯示層級都是一樣的。
a.定位元素在普通元素之上
b.都發生的兩個元素,後寫的元素會蓋在先寫的元素之上。
3.left和right不能一起設定,top和bottom不能一起設定
4.相對定位的元素也可以浮動,但不推薦這麼做。
5.相對定位的元素可以透過Margin調整,但不推薦這麼做
CSS-定位
相關文章
- CSS-文字格式CSS
- css-居中篇CSS
- css-盒模型CSS模型
- CSS-語法CSS
- CSS-清除浮動CSS
- CSS-伸縮佈局CSS
- css-媒體查詢CSS
- 深入解析css-筆記CSS筆記
- 【20190129】CSS-垂直水平居中相關CSS
- CSS-背景圖片|background-imageCSS
- CSS-背景來源|background-originCSS
- CSS-背景顏色|background-colorCSS
- CSS-背景位置-x|background-position-xCSS
- css-虛線邊框滾動效果CSS
- 那些你需要知道的CSS-總結CSS
- 第 2 章 HTML、XML和CSS-帶答案HTMLXMLCSS
- css-製作三角形方法CSS
- iOS 地圖定位 定位iOS地圖
- css-前端實現左中右三欄佈局的常用方法:絕對定位,聖盃,雙飛翼,flex,table-cell,網格佈局等CSS前端Flex
- 劫持GPS定位&劫持WIFI定位WiFi
- css-移動端h5在iphonex的適配CSSH5iPhone
- 定位
- JavaScript 滾動條定位指定位置JavaScript
- 1-相對定位、絕對定位和固定定位的區別
- GPS定位
- Position定位
- CSS定位CSS
- CSS——定位CSS
- 重定位
- 元素定位
- Python全棧Web(定位佈局、定位方式)Python全棧Web
- 爬蟲之xpath精準定位--位置定位爬蟲
- 小程式定位
- CSS_定位CSS
- 個人定位
- css之定位CSS
- 浮動、定位
- appium元素定位APP