Html 容器高度适应其一个子项，另一个子项适应容器
例如：Html 容器高度适应其一个子项，另一个子项适应容器,html,css,Html,Css,例如： 。左{ 宽度：计算（50%-10px）； 浮动：左； } .对{ 背景颜色：绿色； 宽度：计算（50%-10px）； 浮动：对； 高度：100px； } 标题 移除浮点数s并将显示：flex交给家长 。内部容器{ 显示器：flex； } .左{ 宽度：计算（50%-10px）； } .对{ 背景颜色：绿色； 宽度：计算（50%-10px）； } 标题 这在chrome中非常有效，但如果在safari中打开此代码，您将看到图像纵横比发生变化，图像垂直拉伸。同样的效果也会出现在闪烁浏
。左{
宽度：计算（50%-10px）；
浮动：左；
}
.对{
背景颜色：绿色；
宽度：计算（50%-10px）；
浮动：对；
高度：100px；
}
标题
浮点数显示：flex。内部容器{
显示器：flex；
}
.左{
宽度：计算（50%-10px）；
}
.对{
背景颜色：绿色；
宽度：计算（50%-10px）；
}
标题
对象匹配：contain内容器的高度，右div的高度现在始终与内容器的高度相同。与之前一样，img
scale。好的，我等会再看