css定位中的分级是什么 |css3 飘动云

父元素{
position: relative;
}
子元素{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

如上述代码所示，父元素的定位方式为相对定位，而子元素则采用绝对定位的方式进行定位。其中，子元素的定位是相对于其父元素进行。这就是CSS定位中的分级。

另外，CSS中还有一个浮动定位方式，它虽然不属于CSS定位的四种基本方式，但在布局中也使用非常广泛。浮动定位方式同样也需要考虑元素与其父元素之间的关系。

父元素{
overflow: hidden;
}
子元素{
float: left;
}

如上述代码所示，父元素使用了overflow:hidden来清除浮动，在浮动元素内部形成BFC（块级格式化上下文），保证其高度始终包含所有浮动元素。而浮动元素则采用了浮动定位的方式，让元素在父元素内部自由浮动。

总之，在进行CSS定位时，需要根据元素的父子关系，选择适当的定位方式，并注意不同定位方式对元素位置的影响。只有在正确理解和运用CSS定位中的分级，才能写出高效、精准的页面布局。