css - Parent div，有两个 child ，其中一个有准确的高度，如何给另一个 child "free left"空间作为高度

Question

如标题所述，我有一个父 div 和两个子 div(div1 和 div2)，假设父 div 始终是其父 div 的 100%。例如，我给div1设置了200px的高度，如何让div2把其他左边的空间作为它的高度，父级的100%高度减去兄弟的200px。

Answer 1

仅使用 css

你可以在css中计算div2的高度

div2{
height :calc(100℅ - 200px);
}

您可以在 mozilla documentation 阅读有关 calc() 的更多信息

JavaScript 方式

你可以查看jsfiddle here

解释计算div和div1的高度，将减去的高度赋值给div2

var h = document.querySelector("#one").offsetHeight
var h2 = document.querySelector("#two").offsetHeight
document.querySelector("#three").style.height = (h - h2)+"px";