1

[リンクを削除]

5列あるはずです。各投稿の幅は20％で、Chromeでは問題ないように見えますが、IEとFirefoxでは最後の列が下にプッシュされるため、4つしかありません。理由を知っている人はいますか？

.post {
  width: 20%;
  float: left;
  overflow: hidden;
}

<article class="col post">
    stuff inside
</article>
<article class="col post">
    stuff inside
</article>
<article class="col post">
    stuff inside
</article>
....
4

2 に答える 2

0

ここで私の答えを見つけました: https://github.com/desandro/masonry/issues/166 20% を 19,8% に変更しました

Firefox は、WebKit とは少し異なるパーセンテージ幅を計算するようです。簡単な修正方法は、列の合計が 100% にならないように、CSS レイアウトにわずかな余裕を持たせることです。

于 2012-04-22T13:07:18.980 に答える
0

ページの余白とパディングのデフォルト設定はブラウザーによって異なります。これらの設定が問題を引き起こしていると思われます。cssスタイルシートのリセットを使用すると、問題を解決できるはずです。

于 2012-04-21T20:34:26.870 に答える