Css中Position属性的含义

position有四个参数：static | relative | absolute | fixed

position:static，意味元素没有被定位，元素会出现在文档本该出现位置，是页面元素默认的定位的方式，一般无需指定，除非想要覆盖之前设置的定位，一旦应用此属性，那么top,right,left,bottom属性便失效，不起任何作用。

position:relative，相对元素本该位置的偏移量，即相对于position:static的偏移量；

position:absolute，最为复杂，可以这样理解，从本元素上查找（父元素，父元素的父元素...）直到找到第一个position不为static的元素（如果没有定义position，那么默认值为static），那么本元素的的偏移位置就上相对于前面查找到的元素；如果没找到任何满足条件的父元素，则是相对元body的偏移量。

position:fixed 相对于浏览器窗口的偏移量.

参考：http://www.cnblogs.com/chenyuming507950417/p/4003651.html

Css中Position属性的含义相关推荐

css中position属性（absolute/relative/static/fixed）
css中position属性(absolute/relative/static/fixed): position:static 无特殊定位,是html元素默认的定位方式,对象遵循正常文档流.top ...
【拼爹坑爹不比爹】深入理解css中position属性及z-index属性
总结:拼爹坑爹不比爹 1,定位移动:距左上角left+top;(移动后对于移动前:如果值为负数,则直接换成整数:如果值为整数,则直接改变相对方向.) 2,单一父元素不设值,子z-index才奏效:&q ...
关于CSS中position属性和overflow属性的使用小结
关于CSS中position属性和overflow属性的使用小结 position属性用于设置某个元素的位置类型.取值类型可以有:static.relative.absolute.fixed.inh ...
CSS中position属性值有哪些？
CSS中position属性值有哪些? 1.position:relative;相对定位 1> 不影响元素本身特性(无论区块元素还是内联元素会保留其原本特性) 2> 不会使元素脱离文档流( ...
CSS中position属性（abusolute | relative | static | fixed）区别
关于css3中position属性的定义: 转载于:https://www.cnblogs.com/tangjiao/p/9025934.html
CSS中position属性( absolute | relative | static | fixed )详解
我们先来看看CSS3 Api中对position属性的相关定义: static:无特殊定位,对象遵循正常文档流.top,right,bottom,left等属性不会被应用. relative:对象遵循 ...
CSS中position属性(relative,absolute,fixed)和display中的inline-block
前言平时很少写CSS,用的多也就是Bootstrap来堆样式,写起来快一点,但是有时候需要自己写,很久没写容易忘记,这里记录下这两个常用属性position和display 这里贴一条CSDN设置图 ...
CSS中position属性（sticky）
position的含义是指定位类型,取值类型可以有:static.relative.absolute.fixed.inherit和sticky,这里sticky是CSS3新发布的一个属性. 1.pos ...
CSS中position属性面试题目超详细讲解
写在前面 CSDN话题挑战赛第1期活动详情地址:CSDN 参赛话题:前端面试宝典话题描述:欢迎各位加入话题创作得小伙伴,如果我没有猜错得话,我觉得你是应该同我一样是一位前端人.如今前端在IT事业 ...

Css中Position属性的含义

Css中Position属性的含义相关推荐

最新文章

热门文章