Using width with padding can sometimes〜が出たときの対処法【CSS】

HTML・CSS・Javascript

ワードプレスでCSSを指定しているときに出てきたこの英文の注意書き

Using width with padding can sometimes make elements larger than you expect

解決していきます。

Using width with padding can sometimes〜は幅の指定の問題?

僕の場合、inputボタンのwidthを200pxにして、その内側のpaddingを10pxとろうとしたところ、

左に黄色い注意マークが出て、そこをマウスオーバーするとこの英文が出てきました。

色々と調べた結果、下記のようにpaddingの左右を指定しないようにするとこの注意マークは消えました。

 

要は、widthで幅の指定してるのに、同時にpaddingで幅を変える指定をするなということらしい。

サイズを同時に指定するとおかしくなるからどっちかにしないといけないということですかね。

とりあえず、幅の指定を片方だけにしたら無事進めたのでこの解釈で当分いきます。

コメント