CSS で均一なサイズとマージンを持つ要素のリキッド グリッドをどのように作成しますか?
私が抱えている主な問題はマージンです。明らかな解決策は、幅とマージンをパーセンテージに設定して、それで完了することだと思います。垂直マージンはコンテナーの幅のパーセンテージであるため、これは機能しません。コンテナーが水平方向にサイズ変更されると、垂直方向の間隔はオフになります。
私は2つの方法を試しました。1 つはパーセンテージ マージン、もう 1 つはマージン 'em'です。どちらも正しくスケーリングしません。私に何ができる？
このようなものをお探しですか？http://jsfiddle.net/LMJTu/
フィドルで、ボタンをクリックして外側の div のサイズを変更します。
わかりました、解決策を見つけました。各ボタンをコンテナー要素でラップしました。外側のコンテナは、幅と高さのパーセンテージに完全に適合します。次に、内側の要素には、各ボタン間にスペースを追加するためのマージンがあります。
余白はボディの幅に依存しますが、少なくともボタンは正しいサイズです。よりエレガントなソリューションはありますか？
パディングやマージンを持たない左右のものを持つことは可能ですか? (したがって、それらの間のスペースは幅によって決定する必要があります。