【コーディング初心者向け】max-widthとwidthの違い
widthの横幅の設定の違い
今回は「width」の使い方に関しまして、ご説明致します。
「max」がつくのとつかない場合で、用途は大きく違います!!
「max-width」と「width」の違いに関しましてご説明致します。
max-widthについて
横幅に「max-width」を設定した場合。
サンプル
max-widthた場合
表示サンプル
このように全体がはみ出す事はありません。
maxで広がった時の大きさの設定を行なっているためです。
max-widthた場合
widthについて
横幅に「width」を設定した場合。
サンプル
max-widthた場合
表示サンプル
このように右側が切れていると思います。
これはこの横幅で設定と横幅の幅を決めてしまっているので
それいかに縮まる事はありません。
widthた場合
CSSで疑似要素 ::after による改行を実現する方法
10月 24, 2024YouTube動画をアスペクト比を維持したまま埋め込む方法
10月 3, 2024transitionプロパティを使ってホバー時の切り替えをゆっくりにする方法
9月 19, 2024