- 限制定位:relative可限制absolute(top淫痰、bottom)
- 限制層級:使用z-index控制層級蛾派。
- 限制超越overflow:干掉absolute不受overflow:hidden(auto/scroll)限制的特性
- relative只能限制fixed的“限制層級”用處
- 兩個特性:1雁芙、相對自身;2偷仿、無侵入
- 1抵蚊、相對自身。relatvie是相對自身進行l(wèi)eft集币、top考阱;而absolute是相對直接限制他的父級元素進行定位。
- 2鞠苟、無侵入:margin布局會影響布局,而relative布局是不會影響其他元素(占著坑)
- 相對定位中定義對立屬性(top秽之、bottom)時当娱,不會拉伸,top>bottom,left>right
- relative的層疊上下文大于其他定位考榨。
- 當relative元素的z-index為auto時跨细,不會限制內(nèi)部absolute元素的層級(不會創(chuàng)建層疊上下文),不包括ie6/7(很容易出bug)
- relative的最小化影響原則河质,指盡量降低relative屬性對其他元素或布局的潛在影響冀惭。
- 1震叙、盡量避免使用relative,absolute定位不依賴于relative散休,可以采用margin或padding進行精準定位媒楼,而不使用top
- 2、relative最小化戚丸。
Paste_Image.png