css设置子元素相对于父元素保持位置不变（含有滚动条的父元素）

有定位的更高层的父级加上如下的样式，自己就可以根据自己的父级进行定位。

.wrapper{
    width: 400px;
    height: 400px;
    background: #c0c0c0;
    position: relative;
    top:50px;
    left: 50px;
    -webkit-transform: translateZ(0);//!!!
    -ms-transform: translateZ(0);//!!!
    -o-transform: translateZ(0);//!!!
    transform: translateZ(0);//!!!
}

原文网址