只有元素在设置相对定位，或者绝对定位后，属性z-index才有效，它的作用是设置元素所在的z轴层级。z-index值越大，元素层级越大。
2、未设置偏移量时，都定位在父元素的左上角（偏移量——元素设置定位后就具有便宜属性和堆叠属性z-index）
absolute无已定位祖先元素，以<html>为基准偏移；有已定位祖先元素，以距其最近的、已定位的祖先元素为基准偏移
fixed有、无已定位祖先元素，都已浏览器可视窗口为基准偏移
在对元素设置固定定位时，如果希望本元素包含其父包含块中，不需要对其设置偏移量
无已定位祖先元素，以浏览器窗口为基准定位
位置固定不变，兄弟元素会从其下穿过
顶部固定层
#top--position:fixed;top:0;left:0;
#mainbody--margin-top:(#top高度+原有间距)px
absolute与fixed相同点
1、完全脱离标准文档流2、未设置偏移量时，都定位在父元素的左上角（偏移量——元素设置定位后就具有便宜属性和堆叠属性z-index）
absolute与fixed不同点
设置偏移量时，偏移参照基准absolute无已定位祖先元素，以<html>为基准偏移；有已定位祖先元素，以距其最近的、已定位的祖先元素为基准偏移
fixed有、无已定位祖先元素，都已浏览器可视窗口为基准偏移
在对元素设置固定定位时，如果希望本元素包含其父包含块中，不需要对其设置偏移量
未设置偏移量时，偏移参照基准
有已定位祖先元素，以祖先元素为基准定位无已定位祖先元素，以浏览器窗口为基准定位
位置固定不变，兄弟元素会从其下穿过
顶部固定层
#top--position:fixed;top:0;left:0;
#mainbody--margin-top:(#top高度+原有间距)px
扫一扫
1232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
