有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。 如果外层div高度自适应于内部，就完全不需要额外写规则了，另外一个DIV绝对能撑高外层div，填得紧紧实实的。 如果是外层div自适应于它的父级，纯CSS的办法是有的。 为了方便演示，下面的demo ...

需求： 1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 HTML结构暂且如下： 样式如下： 最重要的部分： 重点是要top和bottom一起使用，这是 ...

需求： 1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 HTML结构： 需求1实现： 需求2实现： 需求3实现（绝对布局+top(nav ...

css实现div的高度填满剩余空间 方式1:绝对定位 .top{ width: 100%; height: 70px;} .bottom{background-color: #cc85d9;width: 100%;position: absolute;top: 70px;bottom ...

方式一：绝对定位 方式二 方式三 ...

需求： nav和content盒子的高度和浏览器高度相同，且不能出现纵向滚动条 绿色盒子高度固定，比如：50px 紫色盒子填充剩余的高度 BODY部分的代码： 方式一：绝对定位 方式二：box-sizing的两种 ...

在乐学一百的开发过程中，遇到了一个小乐Fm开发，需要跟百度fm差不多，上边一个条，下边一个条，中间部分填充。但是还不能固定高度，因为屏幕的宽高都不一样。。。height:100%是不可行的。搜了一圈，发现了一个比较好的解决方法，分享一下：感谢作者：原文链接高度自适应问题，我很抵触用js去解决 ...

相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 H ...