如何使文本重叠

Question

我想让2 DIV水平重叠。我希望DIV内的内容也重叠。 在下面的例子中，aaaaaaa包围了块A，预期的行为是让aaaaaaa从div B的左边界开始。 我怎样才能做到这一点？

<div id="A" style="float:left;position:relative; background: #987321; width: 100px; height: 300px; z-index:5; "></div>`
<div id="B" style=" background: #555; width: 400px; height: 400px; ">aaaaaaaaaa</div>

Fiddle

Answer 1

试试这个：

CSS

<style>
    div.a {
        width:      100px;
        height:     300px;
    }

    div.b {
        position:   relative;
        z-index:    0;
        width:      400px;
        height:     400px;
        margin-top: -300px;
        border:     1px solid red;
    }

    div.c {
        position:   relative;
        z-index:    1;
        height:     100%;
        border:     1px solid blue;
    }
</style>

HTML

<div class="a">
    <div class="c">div A's content</div>
    <div class="b">div B's content xxxxx</div>
</div>