zoukankan      html  css  js  c++  java
  • CSS的position属性

    描述

    absolute

    绝对定位

    生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    元素会从文档流中删除。元素原先在文档流中所占空间会自动关闭,该元素后面的元素会占用他的位置。

    fixed

    固定定位

    生成绝对定位的元素,相对于浏览器窗口进行定位。

    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

    元素的表现类似于absolute,不过fixed是相对于浏览器窗口的

    relative

    相对定位

    生成相对定位的元素,相对于其正常位置进行定位。

    因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

    元素仍保持其未定位前的形状,它原本所占的空间仍保留。(该元素后面的元素不会移动)

    static

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

    inherit

    继承定位

    规定应该从父元素继承 position 属性的值。

    • inherit继承父元素的position属性值得值,如果父元素的position=absolute,那么他的position也等于absolute,当他设置left和top等属性时以absolute的方式执行的。
    • javascript语法:object.style.position="absolute"。例如:
      document.getElementById("b1").style.position="absolute";
  • 相关阅读:
    new、delete和malloc、free
    重写与重载
    面向对象三个基本特征
    Js零散知识点笔记
    ES6 笔记
    js 单例模式笔记
    关于闭包的见解
    DOM笔记
    浏览器差异
    JS高级程序设计 笔记
  • 原文地址:https://www.cnblogs.com/taohonggou/p/6616115.html
Copyright © 2011-2022 走看看