zoukankan      html  css  js  c++  java
  • CSS定位的一些看法

    今天看了一下css定位的东西,这里和大家分享下

    1.不管是绝对定位还是相对定位多不会影响它本身还有他父类

    2.不管是绝对定位还是相对定位都不会影响它父类的位置

    一、相对定位

    首先说下相对定位,相对定位是相对于其原来框的位置,如

    一子类div的样式如下:

    .child{

        position:relative     left:10px;

        top:10px;

    }

    这样这个子类div就离他的原来框div左边框10px,上边框10px。

    1.相对定位left和right还有top和bottem只能有一个共存。

    2.相对定位中left:10px等价于right:-10px;top:10px等价于bottom:-10px。

    3.相对定位跟父类属于什么定位无关,他只是现对于自己原本框的位置进行定位。

    二、绝对定位

    绝对定位是相对于他最近有设定位的父类,打个比方说一个子类div设置了绝对定位,那么它会去找如果该子类的父类div使用了相对或绝对定位,则该子类就以这个父类为基准进行定位,否则会去找他父类的父类符不符合条件,直到找到body为止。

    1.绝对定位是以拥有定位父类div的四个框为基准进行定位,设left:10px,就是离父类左边框10px;设right:10px,就是离父类右边框10px,以此类推。

    2.绝对定位会删除从文档流完全元素框。

    3.绝对定位不会受他同级元素的影响。

    最后在定位中可以设置z-index设置显示的优先级哦

  • 相关阅读:
    php之aop实践
    PHP一个类AOP的实现
    PHP系列学习之AOP
    PVE上安装黑裙辉6.2
    安装proxmox VE(PVE)教程
    x-forwarded-for的深度挖掘
    nginx的配置总结,有时间自己整理
    openresty入门文章(笔者自用)
    pve apt-get update error 升级报错-文章未完工和验证
    pve proxmox 常见问题,perl warning
  • 原文地址:https://www.cnblogs.com/ai3xiaoyi/p/3717657.html
Copyright © 2011-2022 走看看