ホームページ > 記事 > ウェブフロントエンド > max-height属性とheight属性を同時に設定した場合_html/css_WEB-ITnose
max-height 属性と height 属性を同時に設定した場合の状況:
タイトルにある 2 つの属性の基本的な使用方法については、ここでは紹介しません。詳細については、関連資料を参照してください。
関連資料:
(1) max-height 属性については、CSS max-height 属性の章を参照してください。
(2).Height 属性は、CSS の高さ属性の章にあります。
これら 2 つの属性の関係は、実際には文字通りの意味からすると非常に単純です。つまり、max-height 属性は height 属性に対する制限です。
高さのリテラル値が max-height を超えるように設定されている場合でも、コードは次のとおりです。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>#box{ width:200px; max-height:200px; height:500px; background-color:red;}</style></head><body><div id="box"></div></body></html>
もちろん、上記のコードは 2 つの関係を示しています。 max-width と width の場合は true。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=16365
詳細については、以下を参照してください: http://www.softwhy.com/divcss/