zoukankan      html  css  js  c++  java
  • web前端css的3种定位属性

    CSS的定位属性有三种,分别是相对定位、绝对定位、固定定位。

    1. 相对定位  //占坑定位,不脱标。还占着标准流里的原来位置,只是参照自己原来位置进行偏移。

      定义:相对于自己原来的位置进行位置调整。一般用于位置微调。

      用途:

        1)微调自己的位置

        2)做子元素绝对定位的参考,子绝父相

    2. 绝对定位  //脱标定位,脱离标准流。

      定义:相对于定位的父元素进行自己的位置调整。定位的父元素可以是相对定位、绝对定位、固定定位,是最靠近的父元素。

      用途:

        1)绝对定位之后,标签就不区分行内元素、块级元素了,不需要display:block就可以设置宽、高。

        2)压盖效果实现

    3. 固定定位

      定义:相对于浏览器窗口进行定位。无论页面如何滚动,这个盒子显示的位置不变。

      用途:

        1)返回顶部实现

        2)导航栏实现

  • 相关阅读:
    Spring.Net的AOP的通知
    Spring.Net的IOC入门
    Unity依赖注入使用
    C#dynamic关键字(1)
    多线线程async与await关键字
    C#面试题
    MangoDB的C#Driver驱动简单例子
    安装vuecli和使用elememtUi
    再也不怕aop的原理了
    easyui实现多选框,并且获取值
  • 原文地址:https://www.cnblogs.com/yongfengnice/p/10762569.html
Copyright © 2011-2022 走看看