width:auto 里的 width:100%

首先我知道，对于的width:auto：

• inline-block : 被内容撑开

• block : 充满父盒子

后来在 width:auto 和 width:100% 一起使用时，我发现了一些有趣的问题，我随着我的发现把它们记录了下来

1. [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VmKO2cA9-1632813279106)(C:\Users\root\AppData\Roaming\Typora\typora-user-images\1.png)]

   <div class="out">
     <div></div>
     <span> 这是一段话这是一段话这是一段话 </span>
   </div>
   
   .out {
        
     display: inline-block;
     height: 80px;
     white-space: nowrap;
     background-color: #a0b3d6;
   }
   .out>div {
        
     width: 228px