ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS コントロール div 幅の最大幅/高さと最小幅/高さ

CSS コントロール div 幅の最大幅/高さと最小幅/高さ

WBOY
リリース: 2016-10-12 09:50:13
オリジナル
1421 人が閲覧しました
ウェブページ制作では、div幅、最大幅/高さ、または最小幅/高さを制御する必要があることがよくありますが、私を含め、多くの友人がそのような問題に遭遇することがあります。 Baidu にはたくさんありましたが、解決策が見つかりませんでした。後でフォーラムでそのことを知り、css3 スタイル のコードを共有したいと思います。このコードは、すべての主要な主流ブラウザと完全に互換性があります。
*最小幅*/
.min_width{min-width:300px;
/* IE の最大幅を設定します */
_width:expression(document.body.clientWidth }

/*最大幅 */
.max_width{
max-width:600px;
/* IE の最大幅を設定します */
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

/* 最小の高さ*/
.min_height{
min-height:200px;
/* IE の最小の高さを設定します */
_height:expression(this.scrollHeight }

/* 最大幅と最小幅*/
.min_and_max_width{
min-width:300px;
max-width:600px;
/* IE の最小幅と最大幅を設定します * /
_width:expression(
Document.body.clientWidth ( document.body.clientWidth > 600 ? "600px" : "auto")
);
}

/* 最大値と最小の高さ* /
.min_and_max_height{
min-height:200px;
max-height:400px;
/* IE の最小高さと最大高さを設定します */
_height:expression(
this.scrollHeight ( this.scrollHeight > 400 ? "400px" : "auto")
);
}





ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート