3行网格中的浮动div，中间行，顶部偏移

<style>
    .container {
        display: flex; /* 或者使用 grid 布局 */
        flex-direction: column; /* 或者使用 grid 布局 */
        height: 100vh; /* 设置容器高度为视口高度 */
    }

    .row {
        flex: 1; /* 或者使用 grid 布局 */
    }

    .float-div {
        float: left;
        width: 33.33%;
        height: 100%;
    }

    .middle-row {
        margin-top: -50px; /* 设置中间行的顶部偏移为负值 */
    }
</style>

<div class="container">
    <div class="row">
        <div class="float-div">内容1</div>
        <div class="float-div">内容2</div>
        <div class="float-div">内容3</div>
    </div>
    <div class="row middle-row">
        <div class="float-div">内容4</div>
        <div class="float-div">内容5</div>
        <div class="float-div">内容6</div>
    </div>
    <div class="row">
        <div class="float-div">内容7</div>
        <div class="float-div">内容8</div>
        <div class="float-div">内容9</div>
    </div>
</div>