css 定位优先级

在 CSS 中，有三种常见的定位方式：static（静态定位）、relative（相对定位）和absolute（绝对定位）。它们之间的优先级如下：

absolute >relative >static

也就是说，如果一个元素同时使用了多种定位方式，其最终的定位方式将会是使用最高优先级的那种。

例如，在下面的代码中，我们同时为一个元素设置了静态定位和相对定位：

.container {
	position: static;
	position: relative;
}

在这种情况下，该元素的定位方式将会是相对定位，因为相对定位的优先级高于静态定位。

除了定位方式之外，CSS 中还有一些其它的属性也会影响定位的优先级，例如 z-index 属性。当多个元素重叠时，z-index 可以决定哪个元素在前面显示，其优先级比定位方式更高。

总之，在进行 CSS 定位时，我们需要注意元素的多种属性之间的优先级关系，以确保元素能够按照预期位置出现。