5.8.三種定位布局方式 - 淘寶店鋪裝修完全自學教程 - 筆記中心 - 第｛

旎糯

時間：15:10

1. 相對定位： position:relative ——根據自己原有的位置進行偏移（left , right , top, bottom,）, 原有位置依然不變； 2.絕對定位： posotion:absolute;——根據父級位置進行偏移（left , right, top, bottom,）,父級必須要有定位屬性，原有位置不存在； 3. 固定定位——position: fixed; 根據瀏覽器窗口位置進行偏移，原有位置不存在。

頂(0)

2184711309

時間：19:18

top和margin top結合讓元素居中

頂(0)

lijunlin94

時間：17:35

reletive 相對自己本身偏移原來的位置還存在；absoluter相對父級元素偏移原來的位置不存在； fixed相對整個瀏覽器窗口偏移原來的位置還存在

頂(0)

花開柳相依

時間：19:33

top=50%（瀏覽器中垂直居中）;margin-top=-75;(盒子高是150，向上移動75px)

頂(0)

花開柳相依

時間：15:26

absloute 根據父集定位，父集必須要有定位屬性

頂(0)

花開柳相依

時間：09:08

position:relative 相對定位根據自己原有位置偏移原來位置有 absolute 絕對定位根據父集位置進行偏移原來位置沒有了 fixed 根據瀏覽器窗口位置偏移，原有位置不存在有三個盒子最外層盒子定位用relative 里面盒子定位用absloute時就是根據外層盒子定位的要是外層沒有定位，就是根據父集即瀏覽器定位的

頂(0)

0zero

時間：05:22

固定定位position：fixed 特性：根據瀏覽器窗口位置進行偏移（left、right、top、bottom），*原有位置不存在*。

頂(0)

0zero

時間：05:22

絕對定位position:absolute 特性：根據父級位置進行偏移（left、right、top、bottom），*父級必須要有定位屬性*，原有位置*不存在*。

頂(0)

0zero

時間：05:22

相對定位positiion:relative 特性：根據自己原有位置進行偏移（left、right、top、bottom），*原有位置依然存在*

頂(0)

非魚二

時間：19:14

固定元素在瀏覽器右側邊欄不動：position:fixed; top:50%;  margin-top：—減元素高度一半; right:0;

頂(0)

小女子大男孩

時間：14:52

固定定位postion:fixed根據瀏覽器窗口位置進行偏移，原有位置不存在

頂(0)

小女子大男孩

時間：02:37

相對定位position:relative：根據自己原有位置進行偏移（添加偏移的值 left right top bottom),原有位置依然存在

頂(0)

654122865

時間：20:15

相對定位是根據自己原有位置進行偏移，原有位置依然存在。絕對定位 position:absolute 根據父級位置進行便宜，父級必須要有定位屬性，原有位置不存在。固定定位 position:fixd 根據瀏覽器窗口進行便宜，原有位置不存在

頂(0)

654122865

時間：20:15

定位布局相對定位絕對定位固定定位 position ：relative absolute fixed；

頂(0)

小學生來也

時間：07:24

相對定位是根據自己原有位置進行便宜，原有位置依然存在。絕對定位 position:absolute 根據父級位置進行便宜，父級必須要有定位屬性，原有位置不存在。固定定位 position:fixd 根據瀏覽器窗口進行便宜，原有位置不存在

頂(0)

小學生來也

時間：05:19

定位布局相對定位絕對定位固定定位 position ：relative absolute fixed；

頂(0)

小學生來也

時間：03:56

padding margin為0通用選擇器

頂(0)

目標在前方

時間：01:07

定位布局相對定位絕對定位固定定位 position ：relative absolute fixed；

頂(0)

小阿四的魚丸粗面

時間：09:11

相對定位是根據自己原有位置進行便宜，原有位置依然存在。絕對定位 position:absolute 根據父級位置進行便宜，父級必須要有定位屬性，原有位置不存在。固定定位 position:fixd 根據瀏覽器窗口進行便宜，原有位置不存在

頂(0)

小阿四的魚丸粗面

時間：00:12

相對定位 position:relative

頂(0)