css盒子被遮住了

在网页布局中，使用CSS盒子模型是非常常见的。但是，有时候你可能会发现你的盒子被其他元素所覆盖或者遮住了。下面我们来分析一下这种情况的原因以及解决方法。

.box {
  width: 200px;
  height: 200px;
  background-color: red;
}
.cover {
  width: 100px;
  height: 100px;
  background-color: blue;
}
 

以上是一个简单的HTML和CSS代码，其中盒子.box被盒子.cover遮住了。造成这种情况的原因是因为盒子.cover元素覆盖在盒子.box上面，导致盒子.box无法被显示出来。

那么怎么解决这种遮住的情况呢？下面有几种解决方法：

• 使用z-index属性，设置盒子.box的层级高于盒子.cover
• 调整盒子的位置，使其不被盒子.cover覆盖
• 使用CSS的transparent属性，把盒子.cover元素设置为透明，使盒子.box能够显示出来

总之，如果你遇到了盒子被遮住的情况，不要慌张，按照上述方法调整就能够解决问题了。