position:fixed 失效

如果position:fixed 失效，那应该是你设置position的元素的父元素中有设置了transform属性哦 。

把 transform删除或设置为none就可以解决啦。

但是如果transform是必要的，不能删除，我们可以在此父级最外层再加一层元素专门用于定位，这样position：fixed就能生效啦。

举个栗子：

/* 一定要将ancestor和parent的大小设置为一样大*/

.ancestor{

position: relative; /*重点*/

width: 300px;

height: 300px;

}

.parent {

width: 300px;

height: 300px;

overflow: auto; /*重点*/

}

.child {

position: absolute;/*重点*/

width: 320px;

height: 320px;

}

嗯...大概意思就这样。