締切済み

CSS でマージンゼロ設定が無視される問題の対策

2016/06/11 20:36

添付画像のような問題を解決する方法を教えて下さい。目的は、箱を横に隙間なく並べることです。 inline-block で margin ゼロに設定しても、それが無視されてたくさんの隙間ができてしまいます。そのため、４つの箱が横１列に並ばずに勝手に行替えされて、レイアウトが大きく崩れてしまいます。箱の行列の合計幅が、１行に収まるはずにもかかわらず本来であれば十分に収まるはずの枠の幅である　２００ｐｘを超過してしまっています。上の行の見本では、枠の幅を２００ではなく、２４０まで増やさなければ桁ずれを防止することができないことを示しています。枠の幅を２３０に下げただけでも、合計で２００の幅の箱の行列を１列に並べることができません。この問題の起きる原因と対策を教えて下さい。箱がたくさんあるため、一つ一つの <DIV > に position 指定をするような手間のかかる方法は望みません。よろしくご指導をお願いいたします。