Css 子div在最大div之后调整大小

Css 子div在最大div之后调整大小,css,html,Css,Html,我试图在父div内设置3个div,父div将在子div的最大高度后调整大小,但我还希望其他2个子div的大小与最大高度的大小相同 <div id="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> 这是我到目前为止得到的,但是如果子div有不同的高度,

我试图在父div内设置3个div,父div将在子div的最大高度后调整大小,但我还希望其他2个子div的大小与最大高度的大小相同

<div id="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>
这是我到目前为止得到的,但是如果子div有不同的高度,则父div高度是子div高度中最大的,但是其他2个子div不采用父div的高度(最大的子div高度)

提前谢谢大家,,
丹尼尔

This:和This:可能有帮助。

一种方法是使用CSS的新功能
display:grid

#父级{
显示:网格;
宽度:100%;
网格模板列:自动;
/*只是为了造型*/
文本对齐:居中;
}
.儿童{
/*只是为了造型*/
框大小:边框框;
背景颜色:浅黄色;
边框:2个红色虚线;
填充:20px;
}

这是第一次
Lorem ipsum dolor sit amet,是一位杰出的献身者。帕特·多洛·安特,欧盟ultricies eros molestie nec。这是一种新的植物
Lorem ipsum dolor sit amet,是一位杰出的献身者。帕特·多洛·安特,欧盟ultricies eros molestie nec。这是一个非常好的例子,它是一个非常好的例子。帕特·多洛·安特,欧盟ultricies eros molestie nec。这是一种新的植物

您能投票选出正确答案吗?
#parent {
  width: 600px;
  overflow: auto;
}

.child {
  width: 200px;
  float: left;
}