一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度问题怎么解决？

方案一： calc 表达式（不建议用）

.content { height: calc(100%-100px); }

方案二：absolute,top100, bottom0，绝对定位

.container { position:relative; } .content { position: absolute; top: 100px; bottom: 0; }

方案三：flex-direction 纵向

.container { display:flex; flex-direction:column; } .content { flex:1; }