position屬性與float有一項(xiàng)相同的功能。那就是能使得元素脫離標(biāo)準(zhǔn)流但壮。其參數(shù)有relative冀泻、static、absolute蜡饵、fixed弹渔、center、page溯祸。今天學(xué)習(xí)了static肢专、relative舞肆、fixed、absolute三個(gè)屬性博杖。
1椿胯，static是“靜態(tài)”元素表現(xiàn)為標(biāo)準(zhǔn)流
2，relative是相對(duì)定位剃根，定義該屬性后可以再使用left哩盲、top、right狈醉、bottom來(lái)給元素定位廉油。位置參數(shù)設(shè)定例子：left:：100px; 意思為元素相對(duì)左邊移動(dòng)100px
3，absolute是絕對(duì)定位苗傅，使用此屬性的元素會(huì)脫離標(biāo)準(zhǔn)流（尺寸多寬就是多寬抒线，不獨(dú)占一行），說(shuō)明渣慕，絕對(duì)定位的定位域是瀏覽器窗口嘶炭，什么意思呢？譬如說(shuō)body的值大于默認(rèn)值逊桦，則使用絕對(duì)定位時(shí)不會(huì)顧及到下拉區(qū)域眨猎。
4，fixed固定定位卫袒，固定定位同樣可使元素脫離標(biāo)準(zhǔn)流，position：fixed单匣；left：100px夕凝；top:100px; 此定位同樣以瀏覽器窗口為標(biāo)準(zhǔn)。也就是說(shuō)無(wú)論怎樣拖動(dòng)頁(yè)面户秤，都不會(huì)偏離用戶(hù)看此元素的視線码秉。定位范圍以瀏覽器窗口為準(zhǔn)。
5鸡号，inhert繼承父元素的定位屬性
說(shuō)明：
1.若父子元素分別為fixed和absolute转砖，子元素不受絕對(duì)定位元素影響，按照原有的定位屬性顯示鲸伴。
2.繼承只能繼承父元素的定位方式府蔗，具體位置需要再自定義
