1. 固定定位小技巧:把图固定在版心右侧位置
小算法:
1. 让固定定位的盒子 left:50%,走到浏览器可视区(也可是看做版心)的一半位置
2. 让固定定位的盒子 margin -left :版心宽度的一半距离;多走版心宽度一半位置。
这样就实现了固定定位的盒子 贴着版心右侧对齐了
2.绝对定位的盒子居中
问题:加了绝对定位的盒子不能通过 margin:0 auto 水平居中,可以通过以下计算方法实现水平和垂直居中
小算法:
① left:50%; 让盒子的左侧移动到父级元素的水平中心位置
② margin-left:- 盒子的一半;(让盒子向左移动自身宽度的一半)