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";
  • 相关阅读:
    Java链栈
    Java链栈
    java实现顺序栈
    java实现顺序栈
    求两个数的最大公约数
    求两个数的最大公约数
    一张图瞬间让你明白原型链结构
    前端面试题
    javascript学习中自己对作用域和作用域链理解
    关于javascript中静态成员和实例成员的详细解释
  • 原文地址:https://www.cnblogs.com/taohonggou/p/6616115.html
Copyright © 2011-2022 走看看