本節簡介:本節課主要給大家介紹固定定位、相對定位、絕對定位的三種定位布局方式的特征與應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
( left right top bottom )是在CSS中進對DIV參數進行設置的標簽
position:absoute:在CSS的編寫中是絕對定位的div標簽
position:relatives是相對定位屬性的css編寫DIV標簽
定位(position):absolute-絕對定位,根據父級進行定位,原位置不存在
定位(position):relative-相對定位,根據原位置進行偏移,原位置存在
定位(position):fixed-固定定位,根據瀏覽器定位,原位置不存在
z-index :元素間的層級,數值越大,顯示的順序越靠前,類似調整PS中的圖層順序
position:absolute 以父級為參照,進行偏移,父級必須有定位屬性,原有位置不存在
position:relative 以自己原有位置為參照:進行偏移,原有位置存在
position:fixed 已網頁為參造物,固定在頁面某位置,原有位置不存在
position:absolute 絕對定位,不互相影響;固定父集用relative,相對偏移,z-index 層級關系
相對定位:position:relative,根據自己的定位進行偏移,自己的位置還在
<div class='box'></div> .box{width=200px;height:300px;background-color:#003366;position:fixed;right:0px;bottom:0px;}