performance - 基础网格问题

Question

我正在尝试从一个大 12 列、一个大 8 列和另一个大 4 列中制作 2 个。

在 8 大列中，再制作 4 列，如大 3 列或小 3 列。

当我在 Chrome 中测试它时，一切都很好，但在 IE、FF、O 中，所有大 3 或小 3 列都从容器中浮出。

HTML 标记：

<div class="row">
                   <div class="large-8 small-3 columns">CONTENT</div>
                   <div class="large-8 small-3 columns">CONTENT</div>
                   <div class="large-8 small-3 columns">CONTENT</div>
                   <div class="large-8 small-3 columns">CONTENT</div>

                   <div class="large-4 columns">CONTENT</div>
</div>

我尝试使用以下 html 标记：

<div class="row">
   <div class="large-8 columns">
     <p class="text">bla bla bla</p>
     <div class="row">
        <div class=large-3 columns>CONTENT</div>
        <div class=large-3 columns>CONTENT</div>
        <div class=large-3 columns>CONTENT</div>
        <div class=large-3 columns>CONTENT</div>
     </div>
   </div>
  <div class="large-4 columns">CONTENT</div>
</div>

标记是否正确？

我小预览：

Answer 1

Solved, I just had to add width: 100%; at all images.

Thank you