定位是什么
- 定位是排版頁(yè)面元素的一種方式
- 這種方式的特點(diǎn)是精確控制元素的位置
- 只有定位布局可以做到精確控制元素的位置
定位的分類
相對(duì)定位
- 相對(duì)定位是參照自身位置定位
絕對(duì)定位
- 絕對(duì)定位是參照父級(jí)定位
固定定位
- 固定定位是參照瀏覽器窗口定位
定位參照物
相對(duì)定位是參照自身位置定位
絕對(duì)定位是參照父級(jí)定位
固定定位是參照瀏覽器窗口定位
1券敌、相對(duì)定位的實(shí)現(xiàn)步驟
- 第一步：為要定位的元素添加
position:relative - 第二步：設(shè)置坐標(biāo)：
left | top | right | bottom
2棘街、絕對(duì)定位的實(shí)現(xiàn)步驟
- 第一步：為要定位的元素添加
position:absolute - 第二步：設(shè)置定位的坐標(biāo)：
left | top | right | bottom - 第三步：設(shè)置定位父級(jí)：
position:relative
如果不設(shè)置定位父級(jí)夏伊，那么定位父級(jí)就是文檔（body）
3莹汤、固定定位實(shí)現(xiàn)步驟
- 第一步：為要定位的元素添加
position:fixed - 第二步：設(shè)置定位坐標(biāo)：
left |top | right | bottom
