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、如果父标签是相对定位,其子标签是绝对定位,则子标签不在想对于浏览器窗口的左上角位置,而是相对于父标签的左上角的位置。

  • 相关阅读:
    ABP Xunit单元测试 第五篇
    ABP 异常处理 第四篇
    ABP Quartz 作业调度第三篇
    ABP 权限拦截 第二篇
    ABP .NET corej 版本 第一篇
    Vue生命周期
    vue中的import、export、requre的区别
    ES6最新语法
    Vux项目搭建
    对象克隆
  • 原文地址:https://www.cnblogs.com/lqfu/p/4641819.html
Copyright © 2011-2022 走看看