基礎網格問題

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%;。

謝謝