Html 使父对象的所有浮动子对象与最高子对象的高度相同

这就是我所拥有的。它工作正常，但并不完全是我想要的行为

#容器{
高度：250px；/*我希望将此设置为自动*/
}/*让每个孩子都有最高的身高*/
#容器>*{
身高：继承；
右边框：rgb（82,82,82）2px实体；
浮动：左；
}
.clearfix:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.div1、.div2{
宽度：8.66666%
}
.nav.div3{
宽度：41.66666%
}

Flexbox 最新的版本（8/16），但支持IE10+（勉强），大多数Safari实现（以及一些较旧版本的FF/Chrome）需要供应商前缀

.container{
显示器：flex；
}
.容器>*{
右边框：rgb（82,82,82）2px实体；
}
.1分部，
.第2分部{
宽度：8.66666%；
背景：粉红色；
}
.导航，
.第3分部{
宽度：41.66666%；
背景：橙色；
}
导航{
高度：100px；
}

Flexbox 最新的版本（8/16），但支持IE10+（勉强），大多数Safari实现（以及一些较旧版本的FF/Chrome）需要供应商前缀

.container{
显示器：flex；
}
.容器>*{
右边框：rgb（82,82,82）2px实体；
}
.1分部，
.第2分部{
宽度：8.66666%；
背景：粉红色；
}
.导航，
.第3分部{
宽度：41.66666%；
背景：橙色；
}
导航{
高度：100px；
}