CSS属性relative与absolute的作用是什么

CSS属性relative和absolute用于控制元素的定位。
relative：相对定位，元素的位置相对于其正常位置进行定位。使用relative属性后，可以使用top、bottom、left、right属性来调整元素的位置，元素在文档流中仍然占据原来的空间。
absolute：绝对定位，元素的位置相对于其最近的非static定位的祖先元素进行定位。如果不存在非static定位的祖先元素，则相对于body元素进行定位。使用absolute属性后，可以使用top、bottom、left、right属性来调整元素的位置，元素脱离了文档流，不再占据原来的空间。
通过调整元素的位置，可以实现更精准的布局效果。