max-width・max-height・min-width・min-heightの解除方法【CSS】

要素の最小幅・最小高さを設定するmin-widthとmin-height【CSS】と要素の最大幅・最大高さを設定するmax-widthとmax-height【CSS】で紹介した、max-width、min-width、max-height、min-heightの解除方法を紹介します。

初期値で解除する

まずは各初期値を設定して解除する方法です。
属性ごとに初期値が違いますので注意してください。各初期値は以下となります。

• max-width: none;
• min-width: auto;
• max-height: none;
• min-height: auto;

initialで解除する

もう1つの解除方法は、属性関係無くinitialの値で解除・初期値に設定可能です。
例）max-width: initial;

initialを設定する際の注意点

initialを設定する際には注意が必要です。
この値はIEには効きません。現在IEはサポート対象外だとは思いますが、クライアント等がIEを使用している場合には別途対応が必要になります。

IEに対応させるには、autoなどの初期値も合わせて併記していただければ大丈夫です。

さいごに

いかがでしたでしょうか。
解除し忘れで思ったように配置出来ないという事もありますので、それぞれの解除方法をしっかり覚えておいてください。