DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css中postion的fixed與absolute區別詳解
css中postion的fixed與absolute區別詳解
編輯:CSS詳解     

一直對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定位,不能當作定位點

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved