控制相邻DIV到IMG标签的高度

<style>
    .div1 {
        float: left;
        width: 50%;
    }
    .div2 {
        float: right;
        width: 50%;
    }
    .img {
        margin-top: 10px;
    }
</style>

<div class="div1">内容1</div>
<div class="div2">内容2</div>
<img class="img" src="image.jpg" alt="图片">

<style>
    .div1 {
        position: absolute;
        top: 0;
        width: 50%;
    }
    .div2 {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
    }
    .img {
        position: relative;
        top: 10px;
    }
</style>

<div class="div1">内容1</div>
<div class="div2">内容2</div>
<img class="img" src="image.jpg" alt="图片">

<style>
    .container {
        display: flex;
        flex-direction: row;
    }
    .div1, .div2 {
        flex: 1;
    }
    .img {
        margin-top: 10px;
    }
</style>

<div class="container">
    <div class="div1">内容1</div>
    <div class="div2">内容2</div>
</div>
<img class="img" src="image.jpg" alt="图片">