例如，大家在一段div中设置了一个position: relative;的样式。然后在这个div中又设置了一个子元素，并给这个子元素设置了position: absolute;样式，这时候就会出现被遮挡的问题。因为这个子元素是相对于他的父元素进行定位的，所以对于他超出父元素的部分会被父元素遮挡住。
当然，如果大家不想让这个子元素被遮挡，有几种方法可以解决这个问题:
1.使用z-index属性：大家可以给被遮挡的元素设置一个z-index的值，这个值越大，就会越靠近屏幕的最上层。这样就可以将被遮挡的元素提到父元素之上。 2.改变父元素的position：有时候大家可以改变父元素的position属性，比如将其改为position: absolute;。这样子元素的定位就相对于整个文档进行定位，而不是父元素。这样就不会被遮挡住了。 3.使用负边距：在一些特殊情况下，大家可以使用负边距来使子元素超出父元素。比如将子元素的top设置为负数，就会超出父元素。需要注意的是，这种方法在一些浏览器上可能无效，而且设置不当还可能导致其他问题。 这些方法可以很好的解决css元素被遮挡的问题。但是需要注意的是，使用这些方法时一定要注意布局的结构，避免因为使用错误导致其他问题。