如何在固定高度的div后制作无限的div？
这个问题在这里已经有了答案：
我可能会使用一些Javascript来解决这个问题。 考虑到IE与其他浏览器社区之间出现的许多不一致性，这可能是您要解决这个问题的唯一好方法。 使用像JQuery这样的框架来自动设置第二个div的高度，这样就可以确保在所有浏览器中相同的效果都是一致的，因为JQuery符合跨浏览器。
利用position: absolute ，当你同时指定top和bottom时，有一个技巧，基本上伸展你的div：
<!DOCTYPE html>
<html>
<head>
<style>
body { height: 100%; margin: 0; }
#felso { height: 100px; }
#also { position: absolute; top: 102px; bottom: 0; left: 0; right: 0; }
</style>
</head>
<body>
<div id="felso"></div>
<div id="also"></div>
</body>
</html>
根据您的具体需求调整它。 由于边界的缘故，我为top写了102px ，这会在#felso的高度上添加1px * 2 。
jsFiddle演示
我不认为这是可能的纯CSS，因为你不能做100％ - 100px。 您可以使用高度为100％和两排的表格。 然后第一行是100px，第二行是其余的高度。
<table style="height:100%;">
<tr>
<td style="height:100px;">instead of div 1, is 100px</td>
</tr>
<tr>
<td>instead of div 2, takes the rest of the height</td>
</tr>
</table>