p {position: static;}静态定位是默认的定位方式，也就是没有进行任何定位。元素的位置会根据文档流自动摆放，无法进行细致的调整。这种方式通常用来清除其他定位方式的影响，或者在元素之间设置间距。
p {position: relative; top: 20px; left: 30px;}相对定位是根据元素当前的位置进行微调的定位方式。可以使用top、bottom、left、right属性来调整元素的位置。元素进行相对定位后，仍然保留原先的空间，周围的元素也不会因为这个元素的位置发生改变，因此相对定位通常用来在元素自身内部进行微调。
p {position: absolute; top: 50px; left: 100px;}绝对定位是相对于离它最近的父级元素进行定位的方式。如果没有定位的父元素，那么就是相对于文档的根元素进行定位。可以使用top、bottom、left、right属性来控制元素的位置。绝对定位的元素不在正常的文档流中占用空间，因此可以用来在页面上创建有趣的布局。
p {position: fixed; top: 0; left: 0;}固定定位是相对于浏览器窗口进行定位的方式。当页面滚动时，固定定位的元素会一直保持在窗口的指定位置上。可以使用top、bottom、left、right属性来控制元素的位置。固定定位通常用来创建一些固定的导航栏、工具栏等浮动元素。