0

グリッドを出力する html が少しずれています。次のように簡単です。

<ul>
    <li>
    </li>
    <li>
    </li>
</ul>

内側の li は、インライン ブロックを使用して並べてスタイル設定されます。どちらも幅 220px、左余白 20px です。

ただし、最初の子フィルターを li に適用して、合計幅が 460px (220 + 20 + 220) になるようにします。

ul の親の幅を 460px に設定して制限したいのですが、li を並べて並べてレンダリングするのに十分なスペースがありません。

これを処理するテクニックはありますか？

4

1 に答える 1

0

問題はインライン ブロックの問題でした。

それがレンダリングされた方法は、margin-right:4px; に変換されるスペースを残しました。

修正の 1 つは、負のマージンを適用することです。

于 2012-10-15T15:00:18.517 に答える