CSS：最大高度不起作用
[英]CSS: max-height not working
問題描述
我有以下html / css代碼。 當我將屏幕分辨率設置為1024 * 768時，高度為400像素;但是當我將屏幕分辨率更改為1600 * 1200時，高度不會增加。我使用的是FF 3.5.2。 誰能說出問題所在？
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<style>
#mit
{
width:1000px;
max-height:1200px;
min-height:400px;
}
</style>
</head>
<body>
<div id="mit" class ="box" style="border-right: #336699 thin solid; border-top: #336699 thin solid;
border-left: #336699 thin solid; border-bottom: #336699 thin solid;
position: relative;" >
</div>
</body>
</html>
4 個解決方案
解決方案1
3 已采納 2009-09-04 12:10:13
在CSS中，最小高度要求盒子的最小高度為X個單位， 直到其中的內容迫使其變大為止。 這意味着，如果您更改分辨率，它將永遠不會變大，並且內容仍然適合400px。
但是，您可以使用媒體選擇器執行所需的操作。
解決方案2
0 2009-09-04 12:09:06
由於沒有另外指定，因此height為auto 。
由於div中沒有內容，因此計算出的高度為0。該高度被min-height覆蓋為400px。
解決方案3
0 2009-09-04 12:10:31
由於沒有內容需要，因此沒有理由使其超過400像素。 只要盒子是空的，它將具有最小的高度。
解決方案4
0 2009-09-04 14:19:19
如果要在分辨率提高時使盒子長大，則必須使用javascript / jquery。 這是操縱高度的最簡單方法。
CSS max-height無效
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.