css中postion的fixed與absolute區(qū)別詳解
發(fā)布時間：2014-06-18 10:26:43 作者：佚名 
我要評論
我要評論這篇文章主要介紹了css中postion的fixed與absolute區(qū)別詳解,需要的朋友可以參考下
一直對positon的幾個定位方式不是特別理解，記錄下
fixed
固定定位，參照位置是瀏覽器窗口的左上角，即坐標點為(0px, 0px)
absolute
絕對定位，參展位置是離當前元素最近的定位方式為fixed,absolute,relative的祖先原則的左上角，舉個例子
復(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">我的參照坐標是id=p2</h2>
</div>
</div>
</div>
通過上面的例子，可知h2的絕對定位參照點是id=p2的父元素,p3是靜態(tài)的static定位，不能當作定位點
相關(guān)文章
- 下面小編就為大家?guī)硪黄狢SS position:absolute全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧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)概述及應(yīng)用
position屬性的相關(guān)定義：static：無特殊定位，對象遵循正常文檔流;relative：對象遵循正常文檔流;absolute：對象脫離正常文檔流fixed：對象脫離正常文檔流，有興趣的朋友2013-04-08CSS position屬性absolute relative等五個值的解釋
目前幾乎所有主流的瀏覽器都支持position屬性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE瀏覽器，IE9、IE10還沒測試過），以下是w3school對position五個值的2012-12-15關(guān)于CSS absolute與relative不得不說的話
下面小編就為大家?guī)硪黄P(guān)于CSS absolute與relative不得不說的話。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-21