要使容器内的两个div高度相等(100%),可以使用以下方法:
.container {
display: flex;
flex-direction: column;
}
.container div {
flex: 1;
}
.container {
display: grid;
grid-template-rows: 1fr 1fr;
}
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var maxHeight = Math.max(div1.offsetHeight, div2.offsetHeight);
div1.style.height = maxHeight + "px";
div2.style.height = maxHeight + "px";
以上是三种常用的方法来实现容器内两个div高度相等的效果。具体使用哪种方法取决于你的项目需求和布局结构。
领取专属 10元无门槛券
手把手带您无忧上云