CSS中的兄弟元素遮盖是一种非常常见的现象。这种情况通常在我们需要对多个兄弟元素进行定位时出现，会导致某个元素遮盖住了其他元素，影响了页面的视觉效果。

.brother{position: relative;}.brother-item{position: absolute;top: 0;left: 0;}

为了解决这个问题，我们可以采用CSS中的定位来规避兄弟元素的遮盖问题。具体的做法是在兄弟元素的共同父元素上设置position: relative，然后将需要定位的兄弟元素设置为position: absolute。通过设置兄弟元素的top和left属性来控制它们在父元素中的位置。

此时，被遮盖住的元素就可以通过修改z-index属性值来调整它处于堆叠顺序的层数。堆叠顺序的层数越高，则该元素就会被排在最前面，不会被其他元素遮盖。

.brother-item{z-index: 2;}

需要注意的是，在 css 中，position属性设置为relative时，元素的位置虽然会发生变化，但是元素原来占据的空间不会被释放，因此需要根据实际情况手动调整父元素的尺寸。

此外，虽然这种方法能够有效地规避兄弟元素之间的遮盖问题，但却无法解决嵌套级别很深的情况。如果嵌套的层数很深，推荐采用 flex、grid 等 css 布局工具，来进行更为精准的定位和布局。