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

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

     小算法:

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

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

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

    2.绝对定位的盒子居中

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

     小算法:

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

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

       

  • 相关阅读:
    第十八周作业
    第十七周作业
    第十六周作业
    第十五周作业
    第十四周作业
    第十三周作业
    第十二周作业
    第二阶段考试
    第十周作业
    启航,带着梦想出发!
  • 原文地址:https://www.cnblogs.com/qtbb/p/11733776.html
Copyright © 2011-2022 走看看