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

Question

问题描述

结构是div>ul>li*3
使用双伪元素清除浮动后最长的li撑开了父元素，如图

但是不好看。如何才能让所有子元素都等于最长的那个

问题出现的环境背景及自己尝试过哪些方法

div、ul、li都没有设置height，尝试给ul、li设置height：100%也没有效果

Answer 1

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