【厳選】管理人の持ち物リスト ▶

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

ワードプレスで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で幅を変える指定をするなということらしい。

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

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

当ブログサイトはWordPressテーマ「SWELL」で作られています。
初心者でも更新しやすく、SEOに強いシンプルなデザインテーマです。

SWELL公式のデモサイトを見てみる

コメントはこちら

コメントする

本記事の目次