CSS固定定位固定在版心一侧算法

固定在版心右侧

1. 让固定定位的盒子left : 50%;到浏览器一半的位置
2. 给盒子设置margin-left : 版心宽度的一半距离；

.right{
    position: absolute;
    left: 50%;
    margin-left: 600px;
}
/* 版心宽度为1200px的版心靠右 */

固定在版心左侧

1. 让固定定位的盒子right : 50%;到浏览器一半的位置
2. 给盒子设置margin-right : 版心宽度的一半距离；

.left{
    position: absolute;
    right: 50%;
    margin-right: 600px;
}
/* 版心宽度为1200px的版心靠左 */