2009-09-04 76 views
0

我有以下的HTML/CSS代碼。當我的屏幕分辨率爲1024 * 768, 時,高度爲400px。但是當我將屏幕分辨率更改爲1600 * 1200時,高度確實不會增加。我使用的是FF 3.5.2。任何人都可以告訴問題是什麼?CSS:最大高度不工作

<?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> 
+1

不要使用XML prolog,它會在IE6中觸發Quirks模式,並且不會對文檔添加任何有用內容。 – Quentin 2009-09-04 12:09:36

+3

您可能希望將其轉移到http://doctype.com/,它更側重於這些類型的問題。 – 2009-09-04 12:12:27

+2

@TreeUK:StackOverflow用於編程問題。這是一個編程問題。 – DisgruntledGoat 2009-09-04 12:49:22

回答

3

在CSS中,最小高度要求盒子的最小高度爲大小爲的X個單位,直到其中的內容強制更大。這意味着,如果您的分辨率發生變化,它將永遠不會變大,並且內容仍然適合400像素。

但是,您可以使用media selectors來做你想做的。

0

既然你不另行指定,則heightauto

由於div中沒有​​內容,因此計算的高度爲0.這會被min-height覆蓋爲400px。

0

沒有理由讓它增長到超過400px,因爲沒有需要它的內容。只要箱子是空的,它將具有最小的高度。

0

如果你想在分辨率增加的時候長大你的盒子,你必須使用javascript/jquery。這是操縱高度最簡單的方法。