css三种定位机制所包括的元素

在CSS中，有三种不同的定位机制，包括了不同的元素。

1. 相对定位 

相对定位是指相对于元素原本在文档流中的位置进行定位。通过设置CSS属性position为relative，可以使用top、bottom、left和right属性来调整元素的位置。被定位元素仍留在文档流中，不影响其他元素的位置。

2. 绝对定位 

在绝对定位中，元素完全脱离了文档流，并相对于其父元素进行定位。通过设置CSS属性position为absolute，元素可以使用top、bottom、left和right属性来确定其位置。由于元素脱离了文档流，因此其他元素可能会重新排列。

3. 固定定位 

固定定位通常用于创建在屏幕顶端或底部固定的元素，如导航栏或页脚。与绝对定位相似，固定定位的元素也脱离了文档流。与绝对定位不同的是，固定定位是相对于视口（浏览器窗口）而不是其他元素进行定位。通过设置CSS属性position为fixed，元素可以使用top、bottom、left和right属性来定位。