0

私は4列の左フロートレイアウトを持っています。左右のマージンを等しくしたい。4つの列を左側にフロートし、各フロートに20pxの右マージンを割り当てました。全幅の列divは正しく表示されますが、幅が異なる列ではマージンと列が正しく表示されません。私は数回数学を調べました、そして、私の目は私が間違っていることを理解しようとして燃えています。

これを行うための最良の方法またはこれを行う方法に関する提案はありますか?20px幅の最初の列を作成して合計5列にするか、テーブルを使用することができます。しかし、私はこれを行うためのよりエレガントな方法を探していましたが、おそらくそれは不可能です。IE7もサポートする必要があります。ありがとう。

ここにコードを記入してください-4列の余白が正しくありません

4

1 に答える 1

0

CSS の問題は、パディングを考慮していないことだと思います。

これをよりエレガントに行うには、すべてのブロックを同じマージンで中央に配置する必要があります。

私はあなたのコードを調べて、少し修正しました:)

http://jsfiddle.net/w3YRF/5/

とにかく、Grid960 (http://960.gs/) などの Grid System を使用することをお勧めします。

乾杯!

于 2012-07-02T18:07:34.393 に答える