最大高度不会结垢网站

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 
}