css中postion的fixed与absolute区别详解
发布时间：2014-06-18 10:26:43 作者：佚名 
我要评论
我要评论这篇文章主要介绍了css中postion的fixed与absolute区别详解,需要的朋友可以参考下
一直对positon的几个定位方式不是特别理解，记录下
fixed
固定定位，参照位置是浏览器窗口的左上角，即坐标点为(0px, 0px)
absolute
绝对定位，参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角，举个例子
复制代码
代码如下:<div style="posistion:relative" id="p1">
<div style="posistion:fixed" id="p2">
<div style="position:static" id="p3">
<h2 style="postion:absolute;left:10px;top:10px">我的参照坐标是id=p2</h2>
</div>
</div>
</div>
通过上面的例子，可知h2的绝对定位参照点是id=p2的父元素,p3是静态的static定位，不能当作定位点
相关文章
- 下面小编就为大家带来一篇CSS position:absolute全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-20
- positon有4个属性:static relative absolute fixed，我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又2014-11-28
css中定位中的absolute和relative是什么意思
做一些浮动层等特殊特殊效果时要考虑到定位问题就要用到Position属性，其有四个属性值：static、fixed、absolute和relative，想必后面两个大家都熟悉吧2014-04-15css中position属性(absolute|relative|static|fixed)概述及应用
position属性的相关定义：static：无特殊定位，对象遵循正常文档流;relative：对象遵循正常文档流;absolute：对象脱离正常文档流fixed：对象脱离正常文档流，有兴趣的朋友2013-04-08CSS position属性absolute relative等五个值的解释
目前几乎所有主流的浏览器都支持position属性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE浏览器，IE9、IE10还没测试过），以下是w3school对position五个值的2012-12-15- 下面小编就为大家带来一篇关于CSS absolute与relative不得不说的话。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-21
最新评论