定位
綜合案例
網頁布局總結
元素的顯示隱藏
1.定位
固定定位不佔原先位置，脫標
固定定位到版心右側
粘性定位 sticky
position：sticky
以瀏覽器的可視視窗為參照點移動元素
粘性定位占有原先的位置
必須新增top、left、right、bottom其中乙個才生效
子絕父相
邊偏移
top ：頂端偏移量
left ：左側偏移量
定位疊放次序 z-index
用定位布局時，可能出現盒子疊放的情況，此時，可以使用z-index來控制盒子的前後次序（z軸）
定位拓展
2.綜合案例
3.網頁布局總結
4.元素的顯示與隱藏
任務四 定位和居中問題
面向人群 始終沒搞懂定位問題，每次靠碰運氣實現定位的人 難度 簡單 課程多數題目的解決方案都不是唯一的，這和我們在實際工作中的情況也是一致的。因此，我們的要求不僅僅是實現設計稿的效果，更是要多去思考不同的解決方案，評估不同方案的優劣，然後使用在該場景下最優雅的方式去實現。那些最終沒有被我們採納的方案...
任務四 定位和居中問題
doctype html html head title 定位和居中問題 title meta charset utf 8 style type text css body container round1,round2 round1 round2 style body div class cont...
任務四 定位和居中問題
面向人群 始終沒搞懂定位問題，每次靠碰運氣實現定位的人 難度 簡單 課程多數題目的解決方案都不是唯一的，這和我們在實際工作中的情況也是一致的。因此，我們的要求不僅僅是實現設計稿的效果，更是要多去思考不同的解決方案，評估不同方案的優劣，然後使用在該場景下最優雅的方式去實現。那些最終沒有被我們採納的方案...