在CSS中,有四种主要元素定位方式:静态定位:元素按照文档流显示,不能偏移。相对定位:元素相对于父元素偏移。绝对定位:元素脱离文档流,相对于最近的已定位父元素或body元素定位。固定定位:元素脱离文档流,相对于视口定位,无论页面如何滚动,元素始终保持相同位置。

CSS 中元素定位方式
在 CSS 中,定位元素是控制其在页面上的位置。有四种主要的方式可以定位元素:
1. 静态定位 (static)
这是默认的定位方式,元素按照文档流中的顺序显示。
立即学习“前端免费学习笔记(深入)”;
2. 相对定位 (relative)
元素从其在文档流中的原始位置偏移,以相对于父元素的位置进行定位。
3. 绝对定位 (absolute)
元素脱离文档流,并相对于最近的已定位父元素或 body 元素进行定位。
所谓数组,就是相同数据类型的元素按一定顺序排列的集合,就是把有限个类型相同的变量用一个名字命名,然后用编号区分他们的变量的集合,这个名字称为数组名,编号称为下标。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。数组是在程序设计中,为了处理方便, 把具有相同类型的若干变量按有序的形式组织起来的一种形式。这些按序排列的同类数据元素的集合称为数组。 数组应用&二维数组目录 1. 数组的简单应用2. 数组排序3. 数组查找4. 数组的使用思想5. 查表法6. 二维数组7. 数组综合
4. 固定定位 (fixed)
元素脱离文档流,并相对于视口进行定位,无论页面滚动如何,它始终保持在相同位置。
每个定位方式的详细说明:
静态定位:
- 元素在文档流中按照顺序显示。
- 不能使用定位属性偏移元素。
相对定位:
- 元素从其在文档流中的原始位置进行偏移。
- 可以使用 top、right、bottom、left 属性偏移元素。
- 相对于父元素定位。
绝对定位:
- 元素脱离文档流,不再占据空间。
- 可以使用 top、right、bottom、left 属性相对于最近的已定位父元素或 body 元素进行定位。
- 不受文档流影响。
固定定位:
- 元素脱离文档流,并相对于视口进行定位。
- 可以使用 top、right、bottom、left 属性相对于视口进行定位。
- 始终保持在页面中的相同位置,无论如何滚动。









