定位css

CSS（层叠样式表）是一种用于描述网页上元素样式的标记语言。它可以用于控制网页的布局、字体、颜色、大小等方面。定位是CSS中的一个重要概念，可以用于控制元素在网页中的位置。

定位可以分为三种类型：static（静态定位）、relative（相对定位）和absolute（*定位）。

1. 静态定位（static）：

静态定位是元素的默认定位方式，元素在网页中按照其在HTML文档中的顺序进行排列，不会受到其他元素的影响。静态定位无法使用top、bottom、left、right等属性进行位置的调整。

2. 相对定位（relative）：

相对定位是相对于元素在静态定位下的位置进行定位，通过设置top、bottom、left、right属性来调整元素的位置。相对定位会使元素脱离文档流，但不会影响其他元素的位置。

3. *定位（absolute）：

*定位是相对于离它最近的具有定位属性的父元素进行定位，如果没有父元素具有定位属性，则相对于body元素进行定位。*定位可以通过设置top、bottom、left、right属性来调整元素的位置。*定位会使元素脱离文档流，对其他元素的位置产生影响。

在使用*定位时，还可以结合z-index属性来控制元素的层叠顺序。z-index属性的值越大，元素就越靠近用户，可以覆盖其他元素。

除了这三种定位方式，还有一种特殊的定位方式是固定定位（fixed）。固定定位是相对于浏览器窗口进行定位，元素会随着滚动条的滚动而保持在固定位置。固定定位可以使用top、bottom、left、right属性来调整元素的位置。

调整元素的定位可以通过设置元素的position属性来实现。position属性有四个取值：static、relative、absolute和fixed。默认值为static。

总结一下，定位是CSS中用来控制元素在网页中位置的一种方式，主要有静态定位、相对定位、*定位和固定定位四种方式。通过设置元素的position属性和top、bottom、left、right属性来调整定位。其中*定位和固定定位会使元素脱离文档流，可以使用z-index属性来控制层叠顺序。