絕對位置 的元素基於最近的 position 為 relative/absolute/fixed 祖先元素進行定位。如果沒有找到 position 為 relative/absolute/fixed 的元素，則基於是以整個 canvas (渲染內容的空間) 的座標原點(左上)為基準，以 viewport (也就是瀏覽器視窗內渲染 HTML 的空間)為大小的矩形進行定位， 並不是基於根項目定位 。
固定定位 的元素基於viewport（瀏覽器視窗）進行定位。
1. 絕對位置 和 固定定位 的元素若沒有設定 top/right/left/bottom 的值。其位置為原來在文檔流中的位置。其他文檔流元素會佔據其原來位置。
要使絕對位置或固定定位的元素水平置中，需要設定其 width 為固定值，並且 left: 0; right: 0; 。
2. 絕對位置 和 固定定位 的元素，若其寬度 width 或高度 height 的單位為 百分比 ，寬度和高度值是相對於其基於定位的元素計算的。（在使用一些stick外掛程式時尤其要注意這點）。
例子
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<body style="height:1000px;">
<div>
<div id="nomove" style="background:#999999; width:100px; height:100px; left:0; bottom:0; position:fixed;">
</div>
</div>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
