我非常接近我想要的东西，但是我认为 32vh 破坏了我的体型。
当我使用img {height: 100%;}它们时，它们变得太大了，所以我定下了 32vh；但是，左右 div 相差几个像素。如果放大一点（按 ctrl+'+'），它会特别明显。它发生在 Firefox 和 chrome 上。我尝试在图像上使用 50% 和 100% 高度，并在 testB 上放置相对位置，但似乎没有帮助。如何使两个大小相等的高度？我不介意右侧的两个 div 之间是否有额外的像素，但它们必须与左侧的高度相同，即 div a
body * {
box-sizing: border-box;
color: white;
}
.test {
margin: 0 auto;
position: relative;
height: 65vh;
width: 80vw;
display: flex;
text-align: center;
}
.testA {
background-color: black;
width: 61.5%;
display: inline-block;
padding-right: 18px;
line-height: 65vh;
}
.testB {
background-color: green;
flex-grow: 1;
line-height: 32vh;
position: relative;
}
.testC {
background-color: royalblue; …