• 关于定位


    1、static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

    2、relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位。没有脱离文档流。如果父级标签有定位,那么定位是相对于父级标签的,
    如果父级标签没有定位,那么定位时相对于浏览器的。可通过z-index进行层次分级。当一个div有定位,下面的div没有定位时,上面的div层级高,如果下面的div也有定位,那么下面的div层级高于上面div的层级  

    3、absolute(绝对定位):生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。脱离文档流,如果父级标签没有定位的话,定位时相对浏览器的,如果父级标签有定位,就是相对父级标签的元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。可通过z-index进行层次分级。

    4、fixed(固定定位):脱离文档流,生成绝对定位的元素,相对于浏览器窗口进行定位。不论父级标签是否有定位,滚动条滚动时,定位的元素相对可视窗口的位置不变,元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。可通过z-index进行层次分级。常用在广告框。

    5、inherit:(继承)可以继承父级标签的定位,只继承position属性,子元素可以自己设置left,top值;

  • 相关阅读:
    发布(Windows)
    Parallel并行编程
    query通用开源框架
    深入了解三种针对文件(JSON、XML与INI)的配置源
    GitLab CI
    雅思创始人Keith Taylor谈英语学习
    查看内存使用情况
    Reverse String
    分布式消息系统jafka快速起步(转)
    深入浅出 消息队列 ActiveMQ(转)
  • 原文地址:https://www.cnblogs.com/guanyushan/p/7576424.html
Copyright © 2020-2023  润新知