Html 基础ZURB栅格内容叠加 我是Zurb基金会的新手，我必须用它来做客户。现在我遇到了一些意想不到的内容重叠 <div class="row"> <div class="small-6 medium-6 large-6 columns"> <p>osidjsaoidusaoidjsaodisjdoisjdosaidjsaoidjsaoidjsaoidjsaoidjsaodijsodijsaodijsaoidjasoidjsaodijsadoijsadoijsdoisajdosaidjfgdpf</p> </div> <div class="small-6 medium-6 large-6 columns"> <p>osidjsaoidusaoidjsaodisjdoisjdosaidjsaoidjsaoidjsaoidjsaoidjsaodijsodijsaodijsaoidjasoidjsaodijsadoijsadoijsdoisajdosaidjfgdpf</p> </div> </div>

OSIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAO

OSIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAOIDJSAO

这会产生意外的内容重叠，如下所示：

简单地说，通过以前的网格系统，我确信内容应该分为两列。他们是我错过的东西吗？我已经尝试了clearfixes

---

我指的是图像底部重叠的文本，以及它在网格外重叠的事实。

问题是，您在

标记中输入的文本中没有任何空格。如果将真实内容放入“.columns”中，如下所示：

<div class="row">
    <div class="small-6 columns">
        <img src="kitten.jpg" alt="kitten"/>
    </div>
    <div class="small-6 columns">
        <img src="kitten.jpg" alt="kitten"/>
    </div>
</div>



它将正确对齐

也可以从“Meal6大6”栏目中删除这个类，因为基金会是移动第一框架，您可以只定义“小6”列，这个规则将应用于其他断点。
这是小提琴：
您的图像不工作