美文网首页
css:position 属性

css:position 属性

作者: 书童drj | 来源:发表于2017-06-07 19:34 被阅读0次

很多情况下,我们需要控制更多元素的位置,切超过了浮动所能提供的范围,这时候我们就需要使用“position”属性对元素进行定位,position提供了四种定位方式:

  一、relative

 相对定位,相对于自身位置,使用top,left,right,bottom 属性改变元素的位置。

二、fixed

 固定定位,相对于浏览器窗口进行定位,并且不会随滚动条进行滚动,始终保持在窗口的某个位置。

三、absolute

 绝对定位,会脱离文档流,当存在父级元素且父级元素有相对定位时,相对于父级元素的位置进行定位,否则相对于页面的主体进行定位。

四、static

元素都具有position属性,默认值是static,static属性不接受位置属性(top,right,left,bottom)值得影响,一般情况下不使用,当需要消除某元素的其他定位时,可以使用static属性。

相关文章

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • CSS定位网页元素

    position 属性 position 属性与float属性一样,在css排版中都非常重要。position顾名...

  • [note] CSS 定位position|z-index

    内容概述 一. CSS属性 - position CSS属性 - positionstatic:静态定位relat...

  • BFC

    1. CSS定位属性: position 1.1 定义及常见的属性值 1.1.1 定义: position 属性指...

  • CSS position属性和实例应用

    CSS position属性和实例应用

  • CSS position 属性总结

    CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~...

  • Day15:大前端

    垂直水平居中 css: position几个属性 position: relative, absolute, fi...

  • CSS布局

    CSS入门(3) CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+...

  • CSS-position-2

    CSS-position系列属性 CSS-position系列属性总结,写记下来,希望对大家有帮助,供新人学习,老...

  • CSS布局

    CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+float属性(浮...

网友评论

      本文标题:css:position 属性

      本文链接:https://www.haomeiwen.com/subject/dquafxtx.html