定位的小技巧

固定定位小技巧: 固定在版心右侧位置。
 
小算法:
1. 让固定定位的盒子 left: 50%. 走到浏览器可视区(也可以看做版心) 的一半位置。
2. 让固定定位的盒子 margin-left: 版心宽度的一半距离。 多走 版心宽度的一半位置
就可以让固定定位的盒子贴着版心右侧对齐了。
 
定位的小技巧

 

绝对定位的盒子居中 

不能用margin: 0 auto;

1.水平居中:

left: 50%;:让盒子的左侧移动到父级元素的水平中心位置;

margin-left: -100px; 让盒子向左移动自身宽度的一半。
 
2.垂直居中:
top: 50%;
margin-top: -100px;  让盒子向上移动自身高度的一半。
定位的小技巧