ホームページ  >  記事  >  ウェブフロントエンド  >  max-height属性とheight属性を同時に設定した場合_html/css_WEB-ITnose

max-height属性とheight属性を同時に設定した場合_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:27:501480ブラウズ

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/

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。