天天看点

CSS利用盒模型实现固定定位的效果(小技巧)

(用JS会比较容易,盒模型也可以实现)
 **布局的公式:**left + margin-left + width + margin-right + right = 视口的宽度
 1)right如果写死,视口的宽度会变,其他的也会相应调整
 left自动,窗口变大,left就会自动调整,right永远是写死的那个大小
 2)right=50%,将right的值设为视口宽度的50%
 无论你的视口多宽多窄,元素永远在中间,也就是50%
 如果想让left的值增大,可以让margin-left或margin-right缩小