定位小技巧

1. 固定定位小技巧:把图固定在版心右侧位置

 小算法:

  1. 让固定定位的盒子 left:50%,走到浏览器可视区(也可是看做版心)的一半位置

  2. 让固定定位的盒子 margin -left :版心宽度的一半距离;多走版心宽度一半位置。

  这样就实现了固定定位的盒子 贴着版心右侧对齐了

2.绝对定位的盒子居中

 问题:加了绝对定位的盒子不能通过 margin:0 auto 水平居中,可以通过以下计算方法实现水平和垂直居中

 小算法:

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

  ② margin-left:- 盒子的一半;(让盒子向左移动自身宽度的一半)

   

posted @ 2019-10-24 17:52  晴天宝宝i  阅读(189)  评论(0)    收藏  举报