盒子模型下 div 宽度自适应

1.下拉列表宽度自适应设置

当我们做多级下拉菜单，且下拉菜单为水平分布时，我们通常会 设置一个父级div 包含 两个ul分布 ，如下图：

<div>
     <ul></ul>
     <ul></ul>
</div>

在这种布局下我们，设置父级div 为 display:flex;宽度只设置 min-width: 100%;

两个ul 设置为 flex:1  1  auto; 每个层级可平均分布。

当某条数据 第一层下拉，数据宽度小，第二次数据宽度很长时，可以实现ul宽度自动调节

从而实现了如下效果

2.元素宽度自适应设置

 width：fit-content    该属性值设置元素以内容大小自适应；