relative和absolute的区别

相对定位（relative）和绝对定位（absolute）是用于 CSS 的两种定位方式。相对定位是相对于元素自身的位置进行定位，而绝对定位是相对于其父元素进行定位。

具体而言，相对定位是通过设置元素的 top、bottom、left、right 属性的值来进行定位的，而绝对定位则是通过设置元素的 position 属性为 absolute 并设置其 top、bottom、left、right 属性的值来进行定位的。

相对定位的元素会保留其在文档流中的位置，并且其定位不会影响其他元素的位置。而绝对定位的元素则会脱离文档流，不再占据任何空间。

相关问题

relative和absolute区别

Relative 和 Absolute 是 CSS 中的两种定位方式，它们有以下区别：

1. 定位基准不同：Relative 相对于其原来的位置定位，而 Absolute 则相对于其父级容器定位。
2. 元素脱离文档流情况不同：Relative 不会使元素脱离文档流，而 Absolute 则会使元素脱离文档流，因此在布局时要注意其他元素的位置。
3. 变化宽高的区别：Relative 元素定位后仍会占据原来的位置，而 Absolute 元素定位后不会占据原来的位置，因此 Absolute 元素如果没有指定宽高，将会根据内容大小自适应，而 Relative 元素则不会。

希望这个回答对您有帮助。

position relative 跟absolute区别

在CSS中，position属性用于定义元素的定位方式。其中，position:relative和position:absolute是两种常见的定位方式，它们的区别如下：

1. 相对于谁定位不同：

- position:relative：相对于元素原本所在的位置进行定位。
- position:absolute：相对于最近的已定位的祖先元素进行定位。如果不存在已定位的祖先元素，则相对于初始包含块（通常是浏览器窗口）进行定位。

2. 是否脱离文档流：

- position:relative：不会脱离文档流，元素仍占据原本所在位置。
- position:absolute：会脱离文档流，元素不再占据原本所在位置，其他元素会填补该位置。

3. 是否可以通过top、bottom、left、right属性进行定位：

- position:relative：可以通过top、bottom、left、right属性进行定位，但定位是相对于元素原本所在位置的偏移量。
- position:absolute：必须通过top、bottom、left、right属性进行定位，而且定位是相对于最近的已定位的祖先元素的偏移量。

总之，position:relative是相对定位，元素不会脱离文档流，而position:absolute是绝对定位，元素会脱离文档流。两者的定位方式和定位对象也有所不同。