css div宽度自适应的写法 欢迎大佬给出新的写法

<div class="test"></div>
第一种：
.test{display:inline-block}

第二种：在外围包裹一个div 给这个div添加flex
<div class="test-wrap">
  <div class="test"></div>
</div>
.test-wrap{display:flex}