如题，求三种解法，希望各位大神能详细说明下。

三、flex http://jsfiddle.net/uqevaprx/ 四、pisition http://jsfiddle.net/uqevaprx/1/

如果外层div高度自适应于内部，就完全不需要额外写规则了，另外一个DIV绝对能撑高外层div，填得紧紧实实的。如果是外层div自适应于它的父级，纯CSS的办法是有的。为了方便演示，下面的demo都让外层元素100%适应于html和body，点Edit in JSFiddle之后可以看到，拖动窗口高度，均能自适应。 box-sizing方案外层 box-sizing: border-box; 同时设置 padding: 100px 0 0 ；内层100像素高的元素向上移动100像素，或使用absolute定位防止占据空间；另一个元素直接 height: 100%; 这就是两个方案了: http://jsfiddle.net/xq4rew3f/1/ http://jsfiddle.net/xq4rew3f/3/ absolute positioning 外层 position: relative ；百分百自适应元素直接 position: absolute; top: 100px; bottom: 0; left: 0 第三个方案： http://jsfiddle.net/xq4rew3f/5/ 注意一下，这三个方案都是IE8+。