要素の適応高さ

要素の高さの調整

Webレイアウトではコンテンツに応じて高さを調整する必要があるため、固定することができない場合があります。今日は最小の高さの調整について説明します

属性: min-height 最小の高さですが、 IE6 はこの属性を認識しません。高さは IE6 の min-height 属性に似ています。

このバグの問題を解決する方法は次のとおりです。

hack1: min-height:value;アンダースコア「_」とアスタリスク「*」。IE7 はアスタリスク「*」を認識できますが、アンダースコア「_」は認識できません。Firefox は両方を認識できません)

hack2: min-height:value; important ; height:value; (推奨)

min-height 最小高さ

max-height 最大高さ

min-width 最小幅

max-width 最大幅

フローティング要素の高さは適応的です

親要素が高さと幅を設定せず、フローティング要素が含まれている場合、高さが崩れる問題を解決するのは非常に簡単です。親要素をフローティングにし、メソッドをクリアします。 , これらはすべて実現可能です

hack1: 親要素に float 属性を追加します: float;

hack2: 親要素に属性を追加します: overflow: hidden;

hack3: float 要素の下に空の div を追加します。この要素に属性を追加します: clear: Both; height: 0; overflow: hidden;

hack3 : この宣言を親要素に追加します (推奨)

親要素: "."表示:ブロック;オーバーフロー:非表示;クリア:両方;}