3カラムボックスの横幅可変のレイアウトをcssで組む場合の質問です。
それぞれのカラムやpadding marginなどをパーセントで指定し、合計が100%になれば良いと思っていたのですが、borderだけ1pxにする場合は、崩れました。
一般的に、こういった場合は3カラムを維持したい場合は合計100%ではなく、くずれない程度に合計を少なめにするのが正解でしょうか?
%指定した中の要素にborder1pxをつけてやるといいです。
ボータ用のBOXを作って、入れ子にするという意味でしょうか?
ですです。
それはスマートじゃないね。
スマートかどうかは関係なくない?
なんだよスマートってw
%指定している要素にボーダーを付け、かつ、box-sizing:border-box;そうするとpaddingやborderを含んだ数値が横幅(width)となります。marginは含まれないので注意
*,*:before,*:after { box-sizing: border-box;}
これでie8以上の全てのブラウザで幸せになれる
これで幸せを感じるのは一瞬だとおもふ
おっこれが一番よさそうですね!!ありがとうございます。
みんなの回答 2 件
%指定した中の要素にborder1pxをつけてやるといいです。
%指定している要素にボーダーを付け、かつ、
box-sizing:border-box;
そうするとpaddingやborderを含んだ数値が横幅(width)となります。
marginは含まれないので注意
関連するトピックス