zoukankan      html  css  js  c++  java
  • 定位 position

    position 定位( relative 不脱离文档流;absolute脱离文档流)
    relative 相对定位
    移动的方向
    top、right、bottom、left
    特点
    1、只加相对定位,不设置元素移动的位置,元素和之前是没有变化
    2、根据自己原来的位置计算移动的位置
    3、不脱离文档流,元素移走以后,原来的位置还会被保留
    4、加上相对定位后对原来的元素本身的特征没有影响
    5、提升层级

    absolute 绝对定位
    移动的方向
    top、right、bottom、left
    特点
    1、完全脱离文档流
    2、行内元素支持所有样式(与加上浮动或者inline-block以后的效果是一样的)
    3、如果父级有定位,那位置会根据父级移动。如果父级没有定位,那位置根据可视区移动
    (一般情况下,要用到绝对定位的时候,都会给父级来一个相对定位)
    4、提升层级
    5、触发BFC

    fixed 固定定位
    移动的方向
    top、right、bottom、left
    特点
    1、完全脱离文档流
    2、行内元素支持所有样式(与加上浮动或者inline-block以后的效果是一样的)
    3、相对可视区来移动位置
    4、提升层级
    5、触发BFC
    注意
    IE6不支持
    statc 默认值,不定位

  • 相关阅读:
    进阶学习项目实战链接
    Django与数据库操作
    xadmin的使用
    Django 常见的异常
    网站 安全 ---- 常见的 web 攻击
    nodejs--vue
    ECMAScript 6 简介
    Django -- DRF 认证流程
    Django -- 缓存
    Django --- celery异步任务与RabbitMQ模块
  • 原文地址:https://www.cnblogs.com/pengc/p/8873081.html
Copyright © 2011-2022 走看看