我创建了空白部分。我试图给高度为100%对于风格,因为我需要显示在浏览器屏幕的整个页面的div,但我不能给高度为100%。是否有任何可能的方法将空格高度设置为100%?如何将div高度设置为100%?
<div id="test">
<div id="test1">
</div>
</div>
我创建了空白部分。我试图给高度为100%对于风格,因为我需要显示在浏览器屏幕的整个页面的div,但我不能给高度为100%。是否有任何可能的方法将空格高度设置为100%?如何将div高度设置为100%?
<div id="test">
<div id="test1">
</div>
</div>
您必须指定高度,家长/ div的同时,即
#test, #test1
{
height: 100%;
}
,如果你想让它全屏幕,你必须使用这样的:
#test1, #test, body, html
{
height: 100%;
}
希望这会有所帮助。
您也可以使用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!
不要在纯标记解决方案中使用JavaScript – 2012-07-26 06:41:08
你可以在你的CSS像
#test,#test1 {
min-height: 100%;
}
其中一个给人一种最低高度尝试吗? div id =“test”? – levi 2012-07-26 06:24:11
可能的重复:http://stackoverflow.com/questions/6344380/100-div-width-is-not-really-100 – 2012-07-26 06:39:13