本節簡介:本節課主要給大家介紹固定定位、相對定位、絕對定位的三種定位布局方式的特征與應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
position:fixed固定位置后,原來位置就不存在了
布局內部元素,使用絕對定位,定位里代碼在后邊的會覆蓋前邊的
postion:fixed 把框架放在頁面中間,先設置要至于中間的邊50% 然后用margin:把邊上移框架的一半
postion:absolute 根據父級位置進行偏移(left、right、top、bottom),父級必須要有定位屬性,原有位置不存在
相對定位:postion:relative 根據自己原有位置進行偏移(left、top、bottom,原有位置依然存在)
固定定位:postion:fixed 根據瀏覽器窗口位置進行偏移(left、right、top、bottom),原有位置不存在
絕對定位,根據父級位置進行定位,父級必須要有定位屬性,原有位置不存在
將元素定位在右側正中心,設置position:fixed;top:50%;right:0px;margin-top設置為元素的高的一半
position定位屬性 fixed固定定位 relative相對定位 absolute絕對定位