关于页面div高度的问题
主页面的结构大体是这样的：
<form>
<div>

<div class="head">
<asp:Image ID="Image_Top" runat="server" ImageUrl="Images/top.jpg" />
</div>

<div class="main">
...
</div>

</div>
</form>

  页面分成上下两部分，上面的部分是放背景图片的，由于背景图片是高度一定的，而浏览器的高度不一定，或者说用户的屏幕的高度不一定，因此不知道main那个div的css要怎么写。如果head和main的height都是具体数值，其中head的height就是图片的高度，可以使图片的显示没有问题，但是main的高度变成了不可调节的，不能随浏览器而改变。而如果，把head和main的height都设成是%形式表示的，上面图片的显示就会出现问题，比如head部门除了图片之外有空白。
  我想请问一下，如何使head的高度就等于图片的高度，而main占满了剩余浏览器的屏幕？？俺是新手，望论坛上的高手们不吝赐教，谢谢啦~

------解决方案--------------------
<frameset rows="img的高度,*" frameborder="no" border="0">
<frame >
<div class="head">
<asp:Image ID="Image_Top" runat="server" ImageUrl="Images/top.jpg" />
</div>
</frame>
<frame >
<div class="main">
...
</div>

</frame>

</framest>
------解决方案--------------------
或者给 <div class="main">
...
</div>定一个最小高度
------解决方案--------------------
另外，如果你<div class="main">
...
</div>
这里面的内容够多，能撑开浏览器的话。main就没必要写高度了。
------解决方案--------------------
就写个height:auto自动不就好了么
------解决方案--------------------
<div style="overflow:hidden;"> //父DIV
<div></div> //子DIV，高度固定 
<div style="margin-bottom:-10000px;padding-bottom:10000px;"></div> //子DIV，高度不固定
<div>

你这样看看
------解决方案--------------------
你的DIV+css布局不是正确的

没有父容器的绝对定位
------解决方案--------------------
div+css样式最好不要给高度，你就直接调图片的高度就行了，干嘛给div一个固定的高度了