本節簡介:本節課主要給大家介紹固定定位、相對定位、絕對定位的三種定位布局方式的特征與應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
層級關系 后面的會覆蓋前面的 想要一個始終在前可設z-index 1value
絕對定位absolute 根據父級位置進行偏移,父級必須要有定位屬性,原有位置不存在(運用較多)
相對定位relative 根據自己原有位置進行偏移,原有位置存在
固定定位fixed 根據瀏覽器窗口位置進行偏移,原有位置不存在
三種定位方式:固定定位 相對定位 絕對定位 布局下position(位置)
父級 相對定位 配 子級元素絕對定位,這樣,子級元素之間互補**
絕對定位 總框內的元素互不影響,因為,它們本身的位置已經不存在了
position fixed relative absolut
子級用絕對定位,后面的定位,覆蓋前面的定位;更改層級關系,z-index:1,值越大層級越高;
fixed,瀏覽器位置偏移,激活字體加粗,位置不存在(移動了位置) top:50%; margin-top:-150px;上移寬度的一半;;relative,在自己原有位置,根據值移動(值要在可視范圍內),相對定位原位置存在;;絕對定位absolute,根據父級位置偏移,父級必須要有定位屬性relative,子級用絕對定位,原有位置不存在;