定位屬性position
- 規(guī)定類型 自阱,取值
- static禁止- relative相對(duì)- absolute絕對(duì) - fixed固定
- 偏移屬性:- top-bottom-right-left
- 堆疊順序:z-index:value層級(jí)高低
定位方式
相對(duì)定位
- 使用
position:relative:
- 可以設(shè)置水平-即左右
- 可以設(shè)置垂直-即上下
- 語(yǔ)法
position:relative; left:20px;top:10px;
絕對(duì)定位
- 不占空間
- 相對(duì)父標(biāo)簽定肥卡,父標(biāo)簽沒(méi)有就一直往上找趣避,直到BODY
- 語(yǔ)法:
position:absolute;top:15px;left:30px;
- 注:如果父元素設(shè)置了定位烛芬,就會(huì)根據(jù)父元素進(jìn)行絕對(duì)定位
堆疊順序
- 就是設(shè)置位置誰(shuí)是老大,誰(shuí)是老大就顯示在前面
固定定位
就是固定圖片不動(dòng),可以做廣告使用
- 語(yǔ)法:
position:fixed杉允;
- 通過(guò)偏移屬性設(shè)置位置
顯示方式
display 屬性
光標(biāo)
設(shè)置