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继承详解
    static关键字特点
    数组(相关知识的整理)
    杨辉三角(用for循环)
    Jmeter接口测试案例实践(一)
    组合测试方法:配对测试实践
    用例设计方法:判定表驱动法实践
    sso系统登录以及jsonp原理
    单点登录--sso系统
  • 原文地址:https://www.cnblogs.com/taohonggou/p/6616115.html
Copyright © 2011-2022 走看看