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 该属性值设置元素以内容大小自适应;