ワードプレスで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で幅を変える指定をするなということらしい。
サイズを同時に指定するとおかしくなるからどっちかにしないといけないということですかね。
とりあえず、幅の指定を片方だけにしたら無事進めたのでこの解釈で当分いきます。

コメントはこちら