2分钟问题 - HTML / CSS如果div内的div展开扩展父div

时间:2010-06-17 06:18:05

标签: javascript jquery html css

我有一个设置让我们说如下:

<div id="nav">
   <div id="innernav">
      //With dynamic content here.
   </div>
</div>

我正在运行一个脚本,该脚本将 #nav 的大小调整为浏览器窗口的大小。但有时我的动态内容现在变得比窗口的高度还要大..当 #innernav 超过 #nav 时,有没有办法强制执行? nav 会增加吗?

看到有人要求提供剧本:

    function resizeWindow(){var a=getWindowHeight();document.getElementById("content").style.height=(a-0)+"px";document.getElementById("nav").style.height=(a-0)+"px";document.getElementById("contentPanel").style.height=(a-10)+"px"}function getWindowHeight(){var a=0;if(typeof(window.innerHeight)=="number"){a=window.innerHeight}else{if(document.documentElement&&document.documentElement.clientHeight){a=document.documentElement.clientHeight}else{if(document.body&&document.body.clientHeight){a=document.body.clientHeight}}}return a};

更改脚本以引用最小高度在FireFox中完美运行。但不是IE或Chrome。

CSS:

body {
margin: 0px;
text-align: left;
font-family: Verdana;
font-size: 11px;
background-color: #FFFFFF;
min-width: 980px;
min-height: 10px;
background-image: url('../Images/watermark.png');
background-position: 100% 100%;
background-repeat: no-repeat;
}


.nav {
width: 19%;
margin: 0px 0px 0px 0px;
background-color: #E0EFFF;
float: left;
vertical-align: bottom;
position: relative;       
}

我的脚本/使用最小高度的一些小改动似乎工作。运行CCLEAN IE之后就可以做我想要的了。

2 个答案:

答案 0 :(得分:2)

不设置“高度”,而是设置“min-height”。

答案 1 :(得分:0)

简短的解决方案是给两个div赋予高度自动