什么是position？在CSS中，position是一种属性，用于指定一个元素在文档中的定位方式。通常，一个元素会根据文档流的顺序依次排列，但是使用position属性可以让元素脱离文档流，然后按照指定位置进行定位。position属性一共有四个可能的值：static，relative，absolute和fixed。这四个值使用相同的语法，但是它们的行为和效果不同。
static定位static是position属性的默认值。也就是说，如果没有指定position属性或者指定了position属性但是值为static，那么一个元素就会被默认为使用static定位。使用static定位时，元素遵循文档流的顺序进行排列。同时，top、right、bottom和left属性对static元素没有任何作用。
relative定位使用relative定位时，元素的位置是相对于它本来应该在文档流中的位置进行计算的。也就是说，使用relative定位时，元素的初始位置不变，但是它可以通过top、right、bottom和left属性进行微调。相对定位的偏移量不会影响其他元素的位置，其他元素还是遵循文档流的顺序排列。
absolute定位使用absolute定位时，元素的位置是相对于最近的一个已经定位（position值不为static）的祖先元素进行计算的。如果没有已经定位的祖先元素，那么它的位置是相对于文档的初始位置进行计算的。定位的元素会被从文档流中删除，因此其他元素会沿着定位元素的外边缘重新排列。
fixed定位使用fixed定位时，元素的位置是相对于视口（viewport）进行计算的。换句话说，一个使用fixed定位的元素无论文档在滚动，它都会保持在相同的位置。fixed定位通常用于创建固定的导航菜单或者悬浮框。
position的应用场景在完成一个网站的布局和样式设计时，position属性非常常用。例如：
在创建响应式布局时，相对和绝对定位经常用于对不同屏幕尺寸和设备类型适应应用样式。
在创建弹出框（modal）或者下拉框（dropdown）的时候，常常使用绝对和固定定位来让这些UI元素在窗口中居中显示。
在创建轮播图时，使用相对和绝对定位可以让图像按照指定的尺寸和位置进行显示，同时占用足够的视觉空间。
在了解了position属性的各种用法和特性之后，设计师和开发者可以更加精准地创建出各种类型的网站和应用。掌握position属性的使用方法并且了解各种使用场景，是一个WEB开发者必不可少的技能之一。