关于设置display:inline-block;宽度等于100%但却换行问题

之前开发的时候，没有特别注意到

<span>123</span><span>456</span>
//css
span {
  display: inline-block
  :first-child {
      width: 65%
  }
  :last-child {
    width: 35%
  }
}

当按上面写的时候，不会有问题，但是如果代码被格式化，span换位两行展示，就会出现换行的情况。

deepseek的回答

b066a8025ad02f0bb80dc3ec3ddaf5b.png

解决办法
1：使用flex布局
2：使用float,给span加上float