zoukankan      html  css  js  c++  java
  • 定位小技巧

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

     小算法:

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

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

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

    2.绝对定位的盒子居中

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

     小算法:

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

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

       

  • 相关阅读:
    测试之美-1
    杯子测试
    性能面试(四)
    性能面试(二)
    性能面试(三)
    性能面试(一)
    解决用户名冲突
    版本冲突
    JQuery Easy UI 简介
    Fork
  • 原文地址:https://www.cnblogs.com/qtbb/p/11733776.html
Copyright © 2011-2022 走看看