IEは、Windows、Mac共、paddingとborderがwidthに内包されるようだが、WinNN、FirefoxとMacSafariでは、paddingとborderは、widthに内包されない。
注意する点としては、
- 段組をする際にpaddingに余裕を持たせた場合、ブラウザによっては、段組にならず、上下にずれてしまう場合がある。
- IEでは、widthを指定してある枠に画像を入れ込む場合、width-(padding+border)*2の大きさにしておかないと、画像が枠より大きくなってしまう。
あいうえおかきくけこさしすせそたちつてと。あいうえおかきくけこさしすせそたちつてと。
というソースを各ブラウザで見たら次のようになる。
