2012-07-26 154 views
0

我创建了空白部分。我试图给高度为100%对于风格,因为我需要显示在浏览器屏幕的整个页面的div,但我不能给高度为100%。是否有任何可能的方法将空格高度设置为100%如何将div高度设置为100%?

<div id="test"> 
     <div id="test1"> 

     </div> 
    </div> 
+0

其中一个给人一种最低高度尝试吗? div id =“test”? – levi 2012-07-26 06:24:11

+0

可能的重复:http://stackoverflow.com/questions/6344380/100-div-width-is-not-really-100 – 2012-07-26 06:39:13

回答

2

您必须指定高度,家长/ div的同时,即

#test, #test1 
{ 
    height: 100%; 
} 

,如果你想让它全屏幕,你必须使用这样的:

#test1, #test, body, html 
{ 
    height: 100%; 
} 

希望这会有所帮助。

0

您也可以使用JavaScript这个

var h = document.getElementById("mainContentID").offsetHeight; 
document.getElementById("menuID").style.height = h + "px"; 

1行创建了一个新的变量“H”,并指定这个变量中找到一个元素的高度。这不会返回CSS中指定的“height:”,它将返回文档在屏幕上显示的实际高度。

2号线填充“的高度:”样式值,另外,短,元件与变量h +“PX”

将这个代码靠近你的文档的末尾,可能是对身体标记之前,它会在页面加载时运行。你也可以把它包装在jquery $(window).load,甚至$(document).ready中。但事实上,没有库依赖关系 - 只是简单的旧JavaScript!

请检查http://jsfiddle.net/BDEnM/

+0

不要在纯标记解决方案中使用JavaScript – 2012-07-26 06:41:08

1

你可以在你的CSS像

#test,#test1 { 
min-height: 100%; 

}

相关问题