在CSS中，位置的设置是非常重要的。位置属性可以让我们控制元素在页面中的位置。CSS中的位置属性有四种: relative(相对定位)、absolute(绝对定位)、fixed(固定定位)和static(静态定位)。相对定位是相对于元素原来的位置进行定位。可以通过设置top、left、right和bottom来定位元素。

p {position: relative;top: 20px;left: 20px;border: 1px solid black;}

绝对定位是相对于父元素进行定位。如果没有父元素，绝对定位就会相对于浏览器窗口进行定位。同样也可以通过设置top、left、right和bottom来定位元素。

p {position: absolute;top: 50px;left: 50px;border: 1px solid black;}

固定定位是相对于浏览器窗口进行定位的。它不会随着页面的滚动而改变位置。同样也可以通过设置top、left、right和bottom来定位元素。

p {position: fixed;top: 20px;left: 20px;border: 1px solid black;}

静态定位是默认的定位方式，元素处于文档流中，它会随着页面的滚动而改变位置。也可以通过设置top、left、right和bottom来定位元素，但是它不会改变元素位置的基准点。

p {position: static;top: 20px;left: 20px;border: 1px solid black;}

总结来说，通过使用上述四种位置属性，我们可以灵活地控制元素的位置，使网页看起来更加美观和舒适。同时，也需要注意各种位置属性的使用场景，以便达到最佳的效果。