css中postion的fixed與absolute區(qū)別詳解
發(fā)布時(shí)間：2014-06-18 10:26:43 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了css中postion的fixed與absolute區(qū)別詳解,需要的朋友可以參考下
一直對(duì)positon的幾個(gè)定位方式不是特別理解，記錄下
fixed
固定定位，參照位置是瀏覽器窗口的左上角，即坐標(biāo)點(diǎn)為(0px, 0px)
absolute
絕對(duì)定位，參展位置是離當(dāng)前元素最近的定位方式為fixed,absolute,relative的祖先原則的左上角，舉個(gè)例子
復(fù)制代碼
代碼如下:<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">我的參照坐標(biāo)是id=p2</h2>
</div>
</div>
</div>
通過(guò)上面的例子，可知h2的絕對(duì)定位參照點(diǎn)是id=p2的父元素,p3是靜態(tài)的static定位，不能當(dāng)作定位點(diǎn)
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇CSS position:absolute全面了解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-20
- positon有4個(gè)屬性:static relative absolute fixed，我們都知道absolute是絕對(duì)定位，relative是相對(duì)定位，但是這個(gè)絕對(duì)與相對(duì)是什么意思呢？絕對(duì)是什么地方的絕對(duì)，相對(duì)又2014-11-28
css中定位中的absolute和relative是什么意思
做一些浮動(dòng)層等特殊特殊效果時(shí)要考慮到定位問(wèn)題就要用到Position屬性，其有四個(gè)屬性值：static、fixed、absolute和relative，想必后面兩個(gè)大家都熟悉吧2014-04-15css中position屬性(absolute|relative|static|fixed)概述及應(yīng)用
position屬性的相關(guān)定義：static：無(wú)特殊定位，對(duì)象遵循正常文檔流;relative：對(duì)象遵循正常文檔流;absolute：對(duì)象脫離正常文檔流fixed：對(duì)象脫離正常文檔流，有興趣的朋友2013-04-08CSS position屬性absolute relative等五個(gè)值的解釋
目前幾乎所有主流的瀏覽器都支持position屬性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE瀏覽器，IE9、IE10還沒(méi)測(cè)試過(guò)），以下是w3school對(duì)position五個(gè)值的2012-12-15關(guān)于CSS absolute與relative不得不說(shuō)的話(huà)
下面小編就為大家?guī)?lái)一篇關(guān)于CSS absolute與relative不得不說(shuō)的話(huà)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-21