Div 100％页面响应高度
这个问题在这里已经有了答案：
做这个！
HTML：
<div id="myDiv"> Content </div>
CSS：
#myDiv
{
min-height: 100%;
max-height: 100%;
}
最大和最小高度确保它永远不会超过或低于窗口的高度（这包括如果他们将浏览器缩小到屏幕高度以下）！
:)
编辑：尼克的评论也非常重要，包括body和html在内的所有父div都必须将min-max-height设置为100％，否则div会将其大小设置为其父母身高的100％。
如果你想让你的div有完整的页面高度，你可以这样做：
$('div').css('height',$('body').height());
或者如果你想让它成为浏览器的全部高度，请执行以下操作：
$('div').css('height',$(window).height());
只要文档准备就绪，即执行$(document).ready()就可以执行这些行中的任何一行。 但是，您可以通过使用高度来设置高度：通过正确嵌套div并将正确高度设置为其父项，在CSS中设置100％。
有几种方法可以做到这一点。
首先，你可以尝试使用height:100vh; 其中vh表示视口高度。 100vh代表视口高度的100％。 （如果您碰巧需要视口宽度，请使用vw。）当元素具有边距时，这可能会导致问题，并且可能会引起恼人的问题。
另一种方法可能更好：
top:0;
bottom:0;
position:absolute;
这将忽略所有边距和填充，div将占据屏幕的整个高度而不会造成太多问题。 如果你需要，你也可以使用left:0; 和right:0;
小提琴
链接地址: http://www.djcxy.com/p/88233.html