zoukankan      html  css  js  c++  java
  • CSS的绝对定位和相对定位

    css定位标签position包括两个值:relative(相对定位)和absolute(绝对定位),position样式一般都是和top、bottom、left、right一起使用来确定一个标签的位置。

    1、position:absolute(绝对定位):

      标签的position被设置为absolute后,表示绝对定位,位置是从浏览器窗口的左上角算起,比如div:{position:absolute;top:100px;left:200px},表示此div距离浏览器窗口左边200px,距离顶部100px;绝对定位的标签会脱离文档流,不再占用文档流的空间,可以使用z-index来决定其堆叠顺序。

    2、position:relative(相对定位):

      标签的position被设置为relative后,表示相对定位,位置是从其原来的位置上算起,比如div:{position:relative;top:10px;left:20px;},表示此div距离其原来的位置左边20px;距离上边10px;相对定位不会脱离文档流,仍然占据原来的空间,因此可能会覆盖其它框。

    3、如果父标签是相对定位,其子标签是绝对定位,则子标签不在想对于浏览器窗口的左上角位置,而是相对于父标签的左上角的位置。

  • 相关阅读:
    pytest插件
    jmeter中beanshell postprocessor结合fastjson库提取不确定个数的json参数
    简单的介绍一下jmeter各个元件的执行顺序
    强缓存的原理
    Win10设置服务开机自启
    Tomcat部署Web应用程序
    PHP伪协议
    PHP配置文件说明
    PHP-XDebug配置
    Ubuntu_apt命令
  • 原文地址:https://www.cnblogs.com/lqfu/p/4641819.html
Copyright © 2011-2022 走看看