需求： 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 ...

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

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

转自：http://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html 高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。 需求： 1. 这个矩形的高度和浏览器窗口的高度 ...

转自：http://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html 高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。 需求： 1. 这个矩形的高度和浏览器窗口的高度 ...

相信小伙伴们经常会遇到这个问题，我也是填了很多坑，查了很多资料，才解决的，下面我列出2个方法： 我们的需求如图： 1：（这个方法不推荐使用，因为可能会因为设备不同，而出现未知BUG，特别是div出现padding的时候） 2：（推荐使用该方法 ...

花铛 2019-06-11 14:28:25 1973 收藏 3分类专栏： CSS 文章标签： CSS版权<div class="parentDiv"> <div class="childDiv1"></div> <div class ...