黑色(#Box)div内有两个div(.a，.b)必须位于同一个地方。我想要实现的是第一幅图像，第二幅是我得到的效果。看起来如果div没有清除或浮动，这显然不是这样。欢迎任何想法！

以下是此示例的代码：

CSS：

#Box {
    background-color: #000;
    position: relative;
    padding: 10px;
    width: 220px;
}

.a {
    width: 210px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #fff;
    padding: 5px;
}

.b {
    width: 210px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: red;
    padding: 5px;
}

#after {
    background-color: yellow;
    padding: 10px;
    width: 220px;
}

HTML：

<div id="Box">
        <div class="a">Lorem</div>
        <div class="b">Lorem</div>
    </div>

    <div id="after">Hello world</div>