如何在清除浮动后使所有浮动子元素等长于最长子元素？

Question

问题描述结构是div>ul>li*3使用双伪元素清除浮动后最长的li撑开了父元素，如图但是不好看。如何才能让所有子元素都等于最长的那个问题出现的环境背景及自己尝试过哪些方法div、ul、li都没有设置height，尝试给ul、li设置height：100%也没有效果

Answer 1

<div class="box">
    <div class="child">文字文字文字</div>
    <div class="child">文字文字文字文字文字文字文字文字文字</div>
    <div class="child">文字文字文字文字文字文字</div>
</div>

/* 等高布局 */.box {display: flex;flex-flow: row nowrap;align-items: stretch;background-color: lightyellow;}.child {flex: 0 0 100px;font-size: 14px;line-height: 30px;color: green;padding: 10px;margin: 20px;background-color: greenyellow;}.child:nth-child(2) {flex: 1 1 auto;}