0

ラージ 12 列から 2 つのメイクを試みています。1 つはラージ 8 列、もう 1 つはラージ 4 列です。

大3列、大3列のように、8列にさらに4列を作ります。

私がテストしているとき、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>

マークアップは正しいですか?

私は少しプレビューします：

4

1 に答える 1

0

width: 100%;解決しました。すべての画像を追加するだけで済みました。

ありがとうございました

于 2013-06-26T11:42:11.783 に答える