widthとpaddingを同時に記述すると、表示が崩れる

Bootstrapのグリッドシステムを使っている最中につまづいたので、備忘録。
pddingを指定すると、グリッドシステムが崩れるなーと思っていたら、
firefoxの仕様だったらしい。

同じ要素にwidthとpaddingを指定した場合、
要素の幅はwidth + paddingになるとの事。
今回、グリッドにwidthが指定されているので、
中の要素を

タグで囲み、

タグにpaddingを指定する事で回避。

参考にしたところはここ。
CSSレイアウトのコツ1 ~widthとpaddingを同時に記述しない~


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL