HTML の最小高さの使用法の概要

min-height 属性は、要素の最小の高さを設定します。この属性値は、要素の高さの最小制限を設定します。したがって、要素の高さは指定された値より大きくてもかまいませんが、それより短くすることはできません。負の値は指定できません。

以下に min-height の使用法をまとめます:

1. CSS の min-height 属性と max-height 属性

なぜ min-height と max-height スタイル属性を使用するのでしょうか?

Css min-height を適用する場所の説明

中身のないオブジェクトが開かないようにオブジェクトボックスを設定することがありますが、中身が判別できないため、このままでは高さを固定できません。今度は、最小高さを設定するために CSS が必要になります。最小の高さはオブジェクト ボックスを上げます。コンテンツが小さい場合、最小高さでコンテンツを表示できます。コンテンツが最小高さよりも大きい場合、コンテンツが増加するにつれてオブジェクトも大きくなります。

2.min-heightに関する注意点

方法1:
min-height:160px; FirefoxおよびIE7以降に適用される、オブジェクトボックスの最小の高さを設定します。オブジェクト ボックスの最小の高さを設定します。 高さの自動配置はありません。
height:160px; を使用して、オブジェクトの高さを設定します。重要なのは、この属性は IE6 でのみ認識されるということです。

3.

IE6はmin-heightやmax-width_html/css_WEB-ITnoseなどの完璧なソリューションをサポートしていません

またIE6です！ ！ ！面倒な IE6 は min-height をサポートしていませんが、実際の運用ではこの属性は非常に必要です。では、IE6 でどのように実装すればよいでしょうか? geniusalien が提供する完璧な解決策を参照してください:

(Geniusalien からの温かいリマインダー: この記事の min-height 操作方法は、min-width、max-width、max-height に対して試行されています。以下と同じ解決策に従ってください!)

4.

DIV CSS Webページレイアウトの最小高さ(min-height)の素敵な使い方_体験談

最小高さは、コンテンツが小さい場合のBOXの最小の高さを設定できます。 BOX を一定に保つこともできます< ;/p>

現在の影響として、IE では最小の高さが 150px に維持されません。

5.

高さと最小高さの違いに関するWebフロントエンド初心者のメモ

ブラウザリファレンスベンチマーク: Firefox、Chrome、Safari、Opera、IE * IE6はCSS最小高さをサポートしていません。属性。最小高さの定義: 1. 要素にはデフォルトの高さがあり、2. コンテンツが要素のデフォルトの高さを超える場合、コンテンツが増加するにつれて要素の高さも増加します

[関連推奨事項]

1.

php。 cn オリジナルの HTML5 ビデオ チュートリアル

2.

Han Shuping の 2016 年の最新の PC CSS 基本ビデオ チュートリアル

3.

Han Shuping の 2016 年の最新の HTML 基本ビデオ チュートリアル

4.

Han Shuping の最新の HTML 高度なビデオ チュートリアル2016年

以上がHTML の最小高さの使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。