html中div盒子重叠在一起，怎么去掉重叠的一部分线

我在做实验的时候想要将两个盒子重叠的部分去掉，不知道该怎么做，求解。

重叠部分让一个盒子的边框为none不就好了么

再写一个div盒子把它盖住就ok了

用4个div 不就好了。上下都再加个div 。 两边的div ，中间的2个边框 都去掉。 使用上下加的div框。