在HTML中，元素都是以盒子形式被渲染出来的。CSS中，盒子的大小及位置是由宽度、高度、边框以及内边距共同决定的。然而，在实际开发过程中，你可能会发现有些元素的盒子被body元素遮挡了，不能正常显示。这是为什么呢？
通常，当一个元素的宽度、高度、边框或内边距超过了body元素的大小时，就会出现被遮挡的情况。如果遇到这种问题，可以按照以下方法进行处理：
body {
overflow: visible;
}
这个属性值默认是auto，表示当内容超出容器时自动添加滚动条。但是，使用visible则可以将超出部分显示出来。需注意的是，在某些情况下，使用overflow: visible可能会导致容器破坏了文档流，所以在使用之前要仔细考虑。
另外，还有一种情况是当使用了position: fixed;或position: absolute;时，会使元素脱离文档流，因此也容易被遮挡。这种情况下可以使用z-index属性来设置层级，将盒子放在比body元素高的层级上，例如：
div {
position: absolute;
z-index: 999;
}
这样就可以将盒子放在比body元素高的层级上，正常显示。
总之，在使用CSS时，要注意盒子的大小及位置是否超过了容器大小，特别是body元素作为最外层容器时，更需要注意。
