DEV Community
·
学习HTML-7
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
position属性用于定义元素在文档中的位置，CSS提供五种定位方式：静态（默认）、相对（相对正常位置）、绝对（脱离文档流）、固定（随页面滚动不变）、粘性（根据滚动点变化）。
🎯
关键要点
- position属性用于定义元素在文档中的位置。
- CSS提供五种定位方式：静态、相对、绝对、固定和粘性。
- 静态是任何元素的默认值，初始创建时元素将处于默认位置。
- 相对定位是相对于元素在文档流中的正常位置，可以通过left、right、top、bottom属性调整。
- 绝对定位使元素脱离正常文档流，不占用文档流中的空间。
- 固定定位使元素在页面滚动时保持在同一位置。
- 粘性定位根据用户的滚动点变化，初期表现为相对定位，后期表现为粘性定位。
➡️
