absolute和relative的区别

在 CSS 中，absolute 和 relative 是两种定位方式。

- absolute定位是相对于最近的已定位祖先元素，如果元素没有已定位的祖先，则相对于浏览器窗口。
- relative定位是相对于元素在正常流中的位置，不会影响其它元素的位置。

另外在 HTML 中 relative和absolute 也有一些相似的用途，
- absolute 元素脱离了正常的文档流，对其它元素没有影响
- relative 会影响它的下面的元素，但是继续在文档中占有位置

详细请参考CSS及HTML 的文档

相关问题

css中absolute和relative的区别

在CSS中，absolute和relative是两种定位方式。

- `relative`：相对定位，元素会相对于自身原来的位置进行定位，即相对于元素在正常文档流中的位置进行定位。使用相对定位时，元素仍然占据原来的空间，不会影响其他元素的布局。可以使用top、bottom、left、right属性来指定元素相对于原来位置的偏移量。

- `absolute`：绝对定位，元素会相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的body元素进行定位。使用绝对定位时，元素会完全脱离文档流，不占据空间，会影响其他元素的布局。可以使用top、bottom、left、right属性来指定元素相对于最近已定位祖先元素的偏移量。

总的来说，相对定位是相对于元素原来位置进行定位，而绝对定位是相对于祖先元素或body元素进行定位。同时，相对定位不会影响其他元素的布局，而绝对定位会影响其他元素的布局。

position absolute和relative

的区别是什么？

回答：position absolute和relative是CSS中的两种定位方式，它们的区别在于相对于哪个元素进行定位。position:relative是相对于元素本身进行定位，而position:absolute是相对于最近的已定位祖先元素进行定位，如果祖先元素中没有定位的元素，则相对于body元素进行定位。