• CSS align-content 属性
  • CSS align-items 属性
  • CSS align-self 属性
  • CSS all 属性
  • CSS3 animation(动画) 属性
  • CSS3 animation-delay 属性
  • CSS3 animation-direction 属性
  • CSS3 animation-duration 属性
  • CSS3 animation-fill-mode 属性
  • CSS3 animation-iteration-count 属性
  • CSS3 animation-name 属性
  • CSS3 animation-play-state 属性
  • CSS3 animation-timing-function 属性
  • CSS3 appearance 属性
  • CSS3 backface-visibility 属性
  • CSS background 属性
  • CSS background-attachment 属性
  • CSS background-blend-mode 属性
  • CSS3 background-clip 属性
  • CSS background-color 属性
  • CSS background-image 属性
  • CSS3 background-origin 属性
  • CSS background-position 属性
  • CSS background-repeat 属性
  • CSS3 background-size 属性
  • CSS border 属性
  • CSS border-bottom 属性
  • CSS border-bottom-color 属性
  • CSS3 border-bottom-left-radius 属性
  • CSS3 border-bottom-right-radius 属性
  • CSS border-bottom-style 属性
  • CSS border-bottom-width 属性
  • CSS border-collapse 属性
  • CSS3 border-image 属性
  • CSS3 border-image-outset 属性
  • CSS3 border-image-repeat 属性
  • CSS3 border-image-slice 属性
  • CSS3 border-image-source 属性
  • CSS3 border-image-width 属性
  • CSS border-left 属性
  • CSS border-left-color 属性
  • CSS border-left-style 属性
  • CSS border-left-width 属性
  • CSS3 border-radius 属性
  • CSS border-right 属性
  • CSS border-right-color 属性
  • CSS border-right-style 属性
  • CSS border-right-width 属性
  • CSS border-spacing 属性
  • CSS border-style 属性
  • CSS border-top 属性
  • CSS border-top-color 属性
  • CSS3 border-top-left-radius 属性
  • CSS3 border-top-right-radius 属性
  • CSS border-top-style 属性
  • CSS border-top-width 属性
  • CSS border-width 属性
  • CSS bottom 属性
  • CSS3 box-align 属性
  • CSS3 box-direction 属性
  • CSS3 box-flex 属性
  • CSS3 box-flex-group 属性
  • CSS3 box-lines 属性
  • CSS3 box-ordinal-group 属性
  • CSS3 box-orient 属性
  • CSS3 box-pack 属性
  • CSS3 box-shadow 属性
  • CSS3 box-sizing 属性
  • CSS caption-side 属性
  • CSS clear 属性
  • CSS clip 属性
  • CSS color 属性
  • CSS3 column-count 属性
  • CSS3 column-fill 属性
  • CSS3 column-gap 属性
  • CSS3 column-rule 属性
  • CSS3 column-rule-color 属性
  • CSS3 column-rule-style 属性
  • CSS3 column-rule-width 属性
  • CSS3 column-span 属性
  • CSS3 column-width 属性
  • CSS3 columns 属性
  • CSS content 属性
  • CSS counter-increment 属性
  • CSS counter-reset 属性
  • CSS cursor 属性
  • CSS direction 属性
  • CSS display 属性
  • CSS empty-cells 属性
  • CSS3 filter(滤镜) 属性
  • CSS flex 属性
  • CSS flex-basis 属性
  • CSS flex-direction 属性
  • CSS flex-flow 属性
  • CSS flex-grow 属性
  • CSS flex-shrink 属性
  • CSS flex-wrap 属性
  • CSS float 属性
  • CSS font 属性
  • CSS3 @font-face 规则
  • CSS font-family 属性
  • CSS font-size 属性
  • CSS3 font-size-adjust Property
  • CSS3 font-stretch 属性
  • CSS font-style 属性
  • CSS font-variant 属性
  • CSS font-weight 属性
  • CSS3 grid-columns 属性
  • CSS3 grid-rows 属性
  • CSS3 hanging-punctuation 属性
  • CSS height 属性
  • CSS3 icon 属性
  • CSS justify-content 属性
  • CSS3 @keyframes 规则
  • CSS left 属性
  • CSS letter-spacing 属性
  • CSS line-height 属性
  • CSS list-style 属性
  • CSS list-style-image 属性
  • CSS list-style-position 属性
  • CSS list-style-type 属性
  • CSS margin 属性
  • CSS margin-bottom 属性
  • CSS margin-left 属性
  • CSS margin-right 属性
  • CSS margin-top 属性
  • CSS max-height 属性
  • CSS max-width 属性
  • CSS3 @media 查询
  • CSS min-height 属性
  • CSS min-width 属性
  • CSS3 nav-down 属性
  • CSS3 nav-index 属性
  • CSS3 nav-left 属性
  • CSS3 nav-right 属性
  • CSS3 nav-up 属性
  • CSS3 opacity 属性
  • CSS order 属性
  • CSS outline 属性
  • CSS outline-color 属性
  • CSS3 outline-offset 属性
  • CSS outline-style 属性
  • CSS outline-width 属性
  • CSS overflow 属性
  • CSS3 overflow-x 属性
  • CSS3 overflow-y 属性
  • CSS padding 属性
  • CSS padding-bottom 属性
  • CSS padding-left 属性
  • CSS padding-right Property
  • CSS padding-top 属性
  • CSS page-break-after 属性
  • CSS page-break-before 属性
  • CSS page-break-inside 属性
  • CSS3 perspective 属性
  • CSS3 perspective-origin 属性
  • CSS position 属性
  • CSS3 punctuation-trim 属性
  • CSS quotes 属性
  • CSS3 resize 属性
  • CSS right 属性
  • CSS3 rotation 属性
  • CSS tab-size 属性
  • CSS table-layout 属性
  • CSS3 target 属性
  • CSS3 target-name 属性
  • CSS3 target-new 属性
  • CSS3 target-position 属性
  • CSS text-align 属性
  • CSS text-align-last 属性
  • CSS text-decoration 属性
  • CSS text-decoration-color 属性
  • CSS text-decoration-line 属性
  • CSS text-decoration-style 属性
  • CSS text-indent 属性
  • CSS3 text-justify 属性
  • CSS3 text-outline 属性
  • CSS3 text-overflow 属性
  • CSS text-transform 属性
  • CSS3 text-wrap 属性
  • CSS top 属性
  • CSS3 transform 属性
  • CSS3 transform-origin 属性
  • CSS3 transform-style 属性
  • CSS3 transition 属性
  • CSS3 transition-delay 属性
  • CSS3 transition-duration 属性
  • CSS3 transition-property属性
  • CSS3 transition-timing-function 属性
  • CSS unicode-bidi 属性
  • CSS vertical-align 属性
  • CSS visibility 属性
  • CSS white-space 属性
  • CSS width 属性
  • CSS3 word-break 属性
  • CSS word-spacing 属性
  • CSS3 word-wrap 属性
  • CSS z-index 属性
  • CSS border-color 属性
  •  
    当前位置:  教程>CSS属性手册

    CSS position 属性

     
    分享到:
        发布时间:2017-1-14  


        本文导语: CSSposition属性实例定位<h2>元素:h2{position:absolute;left:100px;top:150px;}属性定义及使用说明position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。默认值:static继承:no版本:CSS2JavaScript 语法...

     

    CSS position 属性


    实例

    定位<h2>元素:

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



    属性定义及使用说明

    position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。

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



    浏览器支持

    表格中的数字表示支持该属性的第一个浏览器版本号。

    属性




    position1.07.01.01.04.0

    CSS position 属性值

    描述
    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 属性的值。


    更多实例

    Position:relative
    这个例子演示了一个元素相对其正常位置如何定位。


    • 本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.169IT.COM)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:CSS position 属性
    相关文章推荐:
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: height定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: color定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • CSS代码检查工具 CSS Lint
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: float定义及介绍
  • 无用css代码检查工具 Helium-css


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号