zoukankan      html  css  js  c++  java
  • 通过设置CSS position 属性来固定层的位置

    定义和用法

    position 属性规定元素的定位类型。

    说明

    这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

    默认值: static
    继承性: no
    版本: CSS2
    JavaScript 语法: object.style.position="absolute"

    实例

    定位 h2 元素:

    h2
      {
      position:absolute;
      left:100px;
      top:150px;
      }
    

    TIY

    浏览器支持

    所有主流浏览器都支持 position 属性。

    注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    可能的值

    描述
    absolute

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

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

    fixed

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

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

    relative

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

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

    static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
    inherit 规定应该从父元素继承 position 属性的值。

    TIY 实例

    定位:相对定位
    本例演示如何相对于一个元素的正常位置来对其定位。
    定位:绝对定位
    本例演示如何使用绝对值来对元素进行定位。
    定位:固定定位
    本例演示如何相对于浏览器窗口来对元素进行定位。
    设置元素的形状
    本例演示如何设置元素的形状。此元素被剪裁到这个形状内,并显示出来。
    Z-index
    Z-index可被用于将在一个元素放置于另一元素之后。
    Z-index
    上面的例子中的元素已经更改了Z-index。

    相关页面

    CSS 教程:CSS 定位

    HTML DOM 参考手册:position 属性

  • 相关阅读:
    便 加权并查集
    bzoj 4565 状压区间dp
    bzoj 2242 [SDOI2011]计算器 快速幂+扩展欧几里得+BSGS
    poj 3243 扩展BSGS
    bzoj 3239 poj 2417 BSGS
    51nod 1135 原根 就是原根...
    bzoj 2005 能量采集 莫比乌斯反演
    约会 倍增lca
    bzoj 2186 [Sdoi2008]沙拉公主的困惑 欧拉函数
    IE下textarea去除回车换行符
  • 原文地址:https://www.cnblogs.com/12go/p/2323759.html
Copyright © 2011-2022 走看看