有一个div中包含两个div，一个固定高度，另一个填满剩余高度
花铛 2019-06-11 14:28:25 1973 收藏 3分类专栏： CSS 文章标签： CSS版权<div class="parentDiv"> <div class="childDiv1"></div> <div class ...
原文：有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
box sizing方案 和 absolute position方案 .外层box sizing: border box 同时设置padding: px .内层 像素高的元素向上移动 像素，或使用absolute定位防止占据空间 .另一个元素直接height: 代码如下 lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset ...
2017-04-20 16:05 0 4299 推荐指数：
相关推荐
css实现两个div并排等高（一个div高度随另一个高度变化而变化）
方法一、两个div都设置 display: table-cell; 方法二、父级div设置 display: -webkit-box; ...
div高度自适应（总结：min-height:100px; height:auto;的用法）
对于div高度自适应问题，我总是用一句话：height:auto来解决。 但是很多时候我们需要的是当div内部有内容时，高度会随着内容的增加和增加，当div中没有内容时，div能够保持一个固定的高度。 具体可以用以下方法解决： height:auto !important ...
让一个父级div根据子级div高度而自适应高度
需求是点击上传的时候进行子级div高度不定，相对来说父级div高度也不能固定，把元素都设置成普通标准流，然后样式可以使用margin内边距或者padding外边距来进行调节 放上代码供参考： ...
div高度自适应
积累了一些经验，总结出一些关于div的高度自适应的技巧，希望有助于大家，转载请标明出处，谢谢。 一、高度的自适应（父div高度随子div的高度改变而改变） 1、如果父div不定义height、子div均为标准流的时候，父div的height随内容的变化而变化,实现父div高度随子 ...
布局：上下两个div高度固定，中间自适应
需求：经典布局 —— 头尾固定高度中间高度自适应布局 头部固定高度，宽度100%自适应父容器； 底部固定高度，宽度100%自适应父容器； 中间是主体部分，自动填满，浏览器可视区域剩余部分，内容超出则中间部分出现流动条； 整个内容填满浏览器可视区域，并且不超出此区域！ 方法 ...
css3 flex布局解决两个高度不固定的元素怎么让一个自适应宽高，另一个撑满。
一、实现方法 小技巧，最外层元素高度100%，flex布局，flex-direction为cloumn， overflow为hidden； 里面子元素需要自适应宽高的元素给一个最小高度min-height； 另一个需要撑满的元素flex设置为1。 二、写法如下： ...
div根据内容高度自适应地调整高度
需求为根据来访理由的内容高度，自适应地调整来访理由这个横栏的高度。 原效果图如下： 其html为： 解决方法： 我们设置这个横栏的高度为高度自适应。即 效果如下： 我们发现并没有生效，原因在于left和right都设置了绝对定位 ...