定位
position屬性
static:默認(rèn)值倔撞,沒有定位
relative:相對(duì)定位
absolute:絕對(duì)定位
fixed:固定定位
標(biāo)準(zhǔn)文檔流
未設(shè)定任何定位屬性時(shí)就是標(biāo)準(zhǔn)文檔流
相對(duì)定位 relative
position:relative
left: X px 使盒子相對(duì)于自身位置向右移動(dòng)X像素
rigth:
top:
bottom:
絕對(duì)定位 absolute
position:absolute
left: x px 使盒子相對(duì)于離自身最近的“已經(jīng)定位的盒子”的位置向右移動(dòng)x像素,如果沒有已經(jīng)定位的元素(除子節(jié)點(diǎn)或兄弟節(jié)點(diǎn)),那么就相對(duì)于body進(jìn)行定位
right
top
bottom
固定定位 fixed
position:fixed
相對(duì)瀏覽器窗口進(jìn)行定位胀莹,定位后無論滾動(dòng)條如何滾動(dòng),盒子相對(duì)于瀏覽器的位置始終不變