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-定位7-BFCCSS
- css-居中篇CSS
- CSS-文字格式CSS
- CSS-語法CSS
- css-盒模型CSS模型
- CSS-清除浮動CSS
- CSS-伸縮佈局CSS
- css-媒體查詢CSS
- 深入解析css-筆記CSS筆記
- CSS-返回頂部程式碼CSS
- css-讓我們再深入一點看看ul-li結構裡的浮動和絕對定位(float & absolute)CSS
- CSS-背景顏色|background-colorCSS
- CSS-背景圖片|background-imageCSS
- CSS-實戰-梯形背景導航CSS
- CSS-多列布局1-概述CSS
- css-虛線邊框滾動效果CSS
- CSS-背景來源|background-originCSS
- CSS-背景位置-x|background-position-xCSS
- CSS-實戰-上傳按鈕美化CSS
- CSS-盒子模型-邊距合併CSS模型
- Less動態css-演講稿(ppt)CSS
- CSS-行內框、行框、行高CSS
- css-水平居中、垂直居中(初級篇)CSS
- CSS-多列布局2-斷行CSS
- CSS-多列布局3-瀑布流CSS
- CSS-實戰-互動式圖片CSS
- 那些你需要知道的CSS-總結CSS
- 第 2 章 HTML、XML和CSS-帶答案HTMLXMLCSS
- CSS-彈性佈局2-交叉軸CSS
- CSS-佈局5-Calc三列布局CSS
- iOS 地圖定位 定位iOS地圖
- css-製作三角形方法CSS
- CSS-選擇器6-兄弟選擇器CSS
- CSS-選擇器15-:before與:afterCSS
- css-前端實現左中右三欄佈局的常用方法:絕對定位,聖盃,雙飛翼,flex,table-cell,網格佈局等CSS前端Flex
- CSS-選擇器4-後代選擇器CSS
- CSS-彈性佈局3-伸縮屬性CSS
- CSS-佈局7-多列自動劇中CSS
- 定位