1. 父元素 relative定位會(huì)限制子元素absolute：
- 限制 left/top/right/bottom 定位。
- 限制絕對(duì)定位 z-index谈截，有相對(duì)定位的時(shí)候烫止，z-index以相對(duì)定位為主呻疹。相對(duì)定位的z-index 不為 auto击狮。
- 限制絕對(duì)定位不受overflow影響的特性。絕對(duì)定位在普通元素下栗精，
overflow:scroll;或overflow:hidden;無(wú)法限制闯参。但在相對(duì)定位的元素下，絕對(duì)定位乖乖聽(tīng)話悲立。
2. relative left:100px;top:100px 相對(duì)于自身定位鹿寨。
margin-top 后續(xù)元素跟隨，top定位不跟隨
3. relative 中 left/right, top/bottom 同時(shí)存在時(shí)薪夕，left , top 為準(zhǔn)脚草。
絕對(duì)定位中是拉伸。
4. relative 與 z-index 層級(jí)原献。
- relative 可直接提高 z-index 層級(jí)馏慨。
z-index 不為 auto
z-index 為 auto，本不應(yīng)該限制 第二個(gè)樓梯的絕對(duì)定位元素
5. 使用原則
- 減少使用 relative
- 在最直接姑隅，最小的元素上單獨(dú)使用 relative写隶，可在相應(yīng)元素外包一層relative 定位的元素，不用在無(wú)關(guān)外面包裹一層 relative 定位的元素讲仰，要做到可控慕趴、細(xì)致。這樣才不會(huì)在頁(yè)面復(fù)雜的情況下叮盘，或后期要修改的時(shí)候出令人費(fèi)解的問(wèn)題秩贰。
