站长

<table><thead><tr><th> </th><th>static</th><th>relative</th><th>fixed</th><th>absolute</th></tr></thead><tbody><tr><td>属性</td><td>浮木</td><td>浮木+牵引</td><td>嵌石</td><td>嵌石+滚动</td></tr><tr><td>文档流流动</td><td>✅</td><td>✅</td><td>-</td><td>-</td></tr><tr><td>滚轮滚动</td><td>✅</td><td>✅</td><td>-</td><td>✅</td></tr><tr><td>上下左右</td><td>-</td><td>✅</td><td>✅</td><td>✅</td></tr><tr><td>锚点</td><td>-</td><td>absolute</td><td>-</td><td>relative</td></tr></tbody></table><p><strong>static</strong>   <em>飘在水中</em> 的木块</p><blockquote>无法上下左右定位。随着文档流流动、滚动</blockquote><p><strong>relative</strong> 就像 <em>static</em> 具有 <em>相关性</em> 了</p><blockquote>保持了static随文档流上下波动、滚动的特点；多了<em>相关性</em> —— 给absolute定位、设定上下左右</blockquote><p><strong>fixed</strong>  瀑布壁嵌的<em>石头</em> 可以在壁上挪动石头的位置，再钉入瀑布壁。</p><blockquote>设定上下左右的位置，但不关心文档流，静静待在屏幕上</blockquote><p><strong>absolute</strong></p><blockquote>保持了 fixed 的不关心文档流，可设置上下左右特性，还有relative父定位 和 滚轮功能</blockquote><hr>

static飘在水中的木块无法上下左右定位。随着文档流流动、滚动relative就像static具有相关性了保持了static随文档流上下波动、滚动的特点；多了相关性——给absolute定位、设定上下左右fixed瀑布壁嵌的石头可以在壁上挪动石头的位置，再钉入瀑布壁。设定上下左右的位置，但不关心文档流，静静待在屏幕上absolute保持了fixed的不关心文档流，可设置上下左右特性，还有rela

	static	relative	fixed	absolute
属性	浮木	浮木+牵引	嵌石	嵌石+滚动
文档流流动	✅	✅	-	-
滚轮滚动	✅	✅	-	✅
上下左右	-	✅	✅	✅
锚点	-	absolute	-	relative

position 属性