• HTML元素的定位


    元素的定位一般分为相对定位,绝对定位,固定定位,静态定位(默认)。

    每一种定位都可以通过设置top(顶部),bottom(底部),left(左侧),right(右侧)来设置位置(在不定位时这四种属性无效),top(顶部)和left(左侧)最常用。

    在多个元素设置定位是如果发生重合可以设置z-index来改变重合的岁序

    语法:z-index:0;(值越大越居上);

    1.relative(相对定位)

    position:relative是绝对定位,绝对定位的在自己原来的位置上进行定位,在文档流中的位置不变。

    2.absoulute(绝对定位)

    position:absoulute是绝对定位,相对定位是相对离自己最近的父元素进行定位(如果没有就相对body),在文档流中的位置改变。

    3.fixed(固定定位)

    position:fixed是固定定位,固定定位是相对浏览器进行定位,定位后无论你怎么滚动滚动条它的位置的不变,不会消失。

    4.最常用的定位

    最常用的用法就是把父元素设置为相对定位不设置偏移量,把子元素设置为绝对定位对其设置偏移量,这样子元素就可以跟着父元素移动。

  • 相关阅读:
    vue插件大全
    提高webpack的构建速度的几种方法概括
    当async/await碰见forEach-------------爆炸
    jquery 源码解析 节点遍历
    jquery工具类函数
    jqueryUI 插件
    Jquery常用插件
    jquery 基础-Ajax应用
    JavaScipt 源码解析 Sizzle选择器
    JavaScipt 源码解析 css选择器
  • 原文地址:https://www.cnblogs.com/zhang1999/p/7066382.html
Copyright © 2020-2023  润新知