CSS中position属性的区别

static

即没有定位，遵循正常的文档流对象，会忽略top,left,bottom,right的作用；

fixed

相对于浏览器可视区固定位置；
脱离文档流，不占据空间

relative

相对于其正常位置定位；
原本占据的空间不会移动；
常用来作为绝对定位元素的容器；

absolute

相对于最近的已定位的父级元素，如果没有，则相对于html元素；
脱离文档流，不占据空间

sticky

基于用户的滚动位置来定位，在position和fixed之间来回切换；
当页面滚出目标区域时，它会像fixed一样固定在目标位置；
不滚动时，其行为与相对定位相同；
滚动后，top，left，bottom，right生效，但margin会失效；

CSS:position属性的区别相关推荐

html中position属性默认值,CSS position 属性总结
CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~ 下面是总结内容~ 有疏漏.错误之处敬请指出!o(^▽^)o 一.简介定义:posi ...
CSS position 属性：绝对定位与相对定位，以及浮动
以前一直很模糊定位原理,以为absolute与relative必须配合使用,使用absolute必须父标签必须设置为relative. 可能的值:absolute,fixed,relative,sta ...
CSS position属性absolute relative等五个值的解释
目前几乎所有主流的浏览器都支持position属性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE浏览器,IE9.IE10还没测试 ...
详解CSS position属性
原文地址:http://luopq.com/2015/11/15/css-position/ position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父 ...
详解CSS position 属性
文章目录一.什么是position? 二.static 静态定位(默认) 三.absolute 绝对定位 3.1 absulote 嵌套用法同一个父元素 3.2 absulote 嵌套用法四.r ...
css position属性
position 属性规定元素的定位类型. 主要属性有:static,fixed,relative,absolute ,下面一一来说明下 static:默认值.没有定位,元素出现在正常的流中(忽略 t ...
CSS position 属性
定义和用法 position 属性规定元素的定位类型. 说明这个属性定义建立元素布局所用的定位机制.任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型.相对定位元素会 ...
总结一下CSS中的定位 Position 属性
在CSS中,Position 属性经常会用到,主要是绝对定位和相对定位,简单的使用都没有问题,尤其嵌套起来,就会有些混乱,今记录总结一下,防止久而忘之. CSS position 属性值: absol ...
CSS position(定位)属性
关于CSS position,来自MDN的描述: CSS position属性用于指定一个元素在文档中的定位方式.top.right.bottom.left 属性则决定了该元素的最终位置. 然后来看看 ...

CSS:position属性的区别