一个div放置在两个div上

<style>
    .container {
        position: relative;
        width: 400px;
        height: 300px;
        background-color: #f0f0f0;
    }

    .div1 {
        position: absolute;
        top: 50px;
        left: 50px;
        width: 200px;
        height: 100px;
        background-color: #ff0000;
    }

    .div2 {
        position: absolute;
        top: 150px;
        left: 150px;
        width: 200px;
        height: 100px;
        background-color: #00ff00;
    }

    .div3 {
        position: relative;
        width: 100px;
        height: 50px;
        background-color: #0000ff;
    }
</style>

<div class="container">
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>
</div>