基础网格问题

Question

我正在尝试使用大型12柱，一个大型8柱和另一个大型4柱进行制作。

在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

解决了，我只需要在所有图像上添加width: 100%;。

谢谢