css - Zurb Foundation Block Grid により水平スクロールバーが発生する

Question

これを github で考えられる問題として報告しましたが、何か間違ったことをしているのかもしれません!

これが起こっていることを確認するには、フィドルをチェックしてください: http://jsfiddle.net/bu2Dw/1/

ウィンドウの幅を大きなページ サイズよりも小さくすると、デフォルトの基礎 css が要素に適用する負のマージンにより、水平スクロールバーが表示されます。

次のコードを任意の基本ページにドロップし、ウィンドウのサイズを変更して、これが起こることを確認してください。ブロック グリッド div の "Contain to grid" はスクロールバーを停止しますが、マージンを台無しにします。

    <div class="row">
        <!-- Using both block grids together for different layouts -->
        <ul class="small-block-grid-2 large-block-grid-5">
          <li><img src="http://placehold.it/395x590" alt="image1" /></li>
          <li><img src="http://placehold.it/395x590" alt="image2" /></li>
          <li><img src="http://placehold.it/395x590" alt="image3" /></li>
          <li><img src="http://placehold.it/395x590" alt="image4" /></li>
          <li><img src="http://placehold.it/395x590" alt="image5" /></li>
        </ul>
    </div>