元素定位:

relative元素的定位永远是相对其元素自身位置,和其他元素没有半毛钱的关系。

fixed元素的定位是相对于window或者iframe边界,和其他元素也没有半毛钱关系。但是要知道 fixed具有破坏性,会导致其他元素位置发生变化。

absolute相对于前两者要复杂得多。如果为absolute设置了top,left ,浏览器会递归查找该元素的所有父元素,如果找到一个设置了position:relative/absolute/fixed 的元素,就以该元素作为基准进行定位,如果没找到,就以浏览器边界定位。
展开
1