1. 静态定位（static）：元素按照文档流进行定位，没有任何偏移； 2. 相对定位（relative）：元素在原有位置的基础上进行偏移，不会影响其他元素的位置； 3. 绝对定位（absolute）：元素将完全脱离文档流，按照父元素或页面的位置进行定位； 4. 固定定位（fixed）：元素相对于视口进行定位，不会随滚动条的滚动而移动； 5. 粘性定位（sticky）：元素在经过一定滚动后会固定位置，类似于固定定位和相对定位的结合体； 6. 弹性盒子布局（flex）：通过设置父元素的display属性为flex，实现自适应子元素的排列布局； 7. 网格布局（grid）：通过设定网格布局的行、列、区域，实现子元素的自适应排列布局。
这些定位方式可以灵活地应用于不同的场景中，实现各种不同的布局效果。在实际开发中，开发者可以根据需要进行选择和组合，使网页的布局更加自然、美观。