最大高度不會結垢網站

Question

我能得到我的項目規模的寬度，而不是高度（在Firefox和Chrome嘗試，我知道IE瀏覽器將無法正常工作）

繼承人的CSS我使用：

section.main 
{ 
max-height: 100%; 
max-width: 100%; 
border: 1px solid black; 
width: 1000px; 
height: 800px; 
} 

Answer 1

好吧，你指定的高度爲800px。所以你的網站的高度是800px。

Answer 2

，如果你想在100％延長你的網站，你需要添加

section.main 
{ 
    height:100%; width:100% 
} 

或

section.main 
{ 
    min-height:100%; min-width:100% 
} 

http://jsfiddle.net/RQvLF/1/

身高：100％;你需要一個周圍的div，其高度將以像素爲單位。 或者你可以給你的section.main所需像素的高度。

max-height：100％;和最大寬度：100％意味着這個div必須沒有更大然後100％的高度和寬度：

，你可以說：max-width:600px;讓你裏面的內容也不會去更大然後600px的。

Answer 3

請確保您有：

html, body 
{ 
width : 100%; 
height : 100%; 
} 

對於一個div有％的高度，家長的高度必須定義。

請注意，您的border'll會導致問題：該部分將100％的高度+ 2px。您可以使用：

section 
{ 
box-sizing : border-box 
}