Html 基础网架结构体系问题

我正在与我想要的特定网格结构进行斗争，以下是我想要的：

首先，我将一条线分成两个6-6，分别对应于1和4。 然后使用1，我添加了一个新行2和3。 使用4，我添加一行以生成5和6。但这是我的问题，我不明白是在5，为什么我不能有一个5'的输出。。。我知道从5中添加一个独立的行会更简单，但我想将5和5'绑定在一起，因为1和2+3是相同的

这是我的密码：

    <div class="row">
    <div class="container">
        <div class="large-6 columns"> <!-- left part-->
            <div class="row">
                <div class="large-12 columns" style="height:500px;overflow:auto;backgroud:black"> <!-- 1 -->
                </div>
             </div>
            <div class="row">
                    <div class="large-9 columns" style="height:70px;backgroud:black"> <!-- 2 -->
                    </div>
                    <div class="small-3 columns text-center" style="height:70px;backgroud:blue"> <!-- 3 -->
                    </div>
            </div>
         </div>
        <div class="large-6 columns"> <!-- right part -->
            <div class="row">
                <div class="large-12 columns" style="position:relative;height:500px;background:black"> <!-- 4 -->
                </div>
            </div>

            <div class="row">
                <div class="large-5 columns no-collapse" style="height:35px;background: black"> <!-- 5 -->
                    <div class="row">
                        <div class="large-12 columns" style="height:35px;background: blue"> <!-- 5' -->
                        </div>
                    </div>
                <div class="large-7 columns no-collapse" style="height:70px;background: red"></div> <!-- 6 -->
            </div>
        </div>
    </div>
</div>

---

任何帮助都将不胜感激，谢谢。

这将重新排列右下角的区块，如您所示：

<div class="row">
    <div class="container">
        <div class="large-6 columns">
            <!-- left part-->
            <div class="row">
                <div class="large-12 columns" style="height:500px;overflow:auto;background:black">
                    <!-- 1 -->
                </div>
            </div>
            <div class="row">
                <div class="large-9 columns" style="height:70px;background:black">
                    <!-- 2 -->
                </div>
                <div class="small-3 columns text-center" style="height:70px;background:blue">
                    <!-- 3 -->
                </div>
            </div>
        </div>
        <div class="large-6 columns">
            <!-- right part -->
            <div class="row">
                <div class="large-12 columns" style="position:relative;height:500px;background:black">
                    <!-- 4 -->
                </div>
            </div>
            <div class="row">
                <div class="large-7 columns">
                    <div class="row">
                        <div class="large-12 columns" style="height:35px;background: blue">
                            <!-- 5 -->
                        </div>
                    </div>
                    <div class="row">
                        <div class="large-12 columns" style="height:35px;background: blue">
                            <!-- 5' -->
                        </div>
                    </div>
                </div>
                <div class="large-5 columns" style="height:70px;background: red">
                    <!-- 6 -->
                </div>
            </div>
        </div>
    </div>
</div>

---

谢谢，我明白我的错误了。这是我想要的。