menu
書いてる野郎
orebike@gmail.com
CSS / Style / box-sizing
CSS / Style / box-sizing
border-box
線や余白も含めてその block であるという計算方法をする。
#hoge{ box-sizing: border-box; }
外形の指定がそのままレイアウト計算に使えるので便利な設定である。
内容物の幅が減少する問題
便利な設定ではあるが問題もある。
線を含めてしまうので、内容物が線の幅だけ狭くなってしまう。 なのでこの block 内の 100% 指定とかの値もその線の幅だけ狭くなる。 これは気をつける必要がある。
