CSS中相对单位和绝对单位的区别

html-css016

CSS中相对单位和绝对单位的区别,第1张

绝对定位(absolute)：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则依据body对象左上角作为参考进行定位。绝对定位对象可层叠，层叠顺序可通过z-index属性控制，z-index值为无单位的整数，大的在最上面，可以有负值(目前负值FF不支持)。

相对定位(relative)：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

绝对单位是固定不变的单位，不会随着其他属性的变化而变化，不会随着窗口大小变化而变化。

比如：px单位，设置了实际的像素值，它会固定地显示这个数值的像素大小；而rem是相对单位，根节点元素的数值变化，会影响到它的实际显示像素值。