让子元素的宽度总和决定其父元素的宽度

案例

方法一

使用width:max-content 关键字

方法二

设置父元素的属性

width：不设置
white-space: nowrap;
display: inline-block;

设置子元素的属性

display: inline-block;

参考

CSS布局技巧 -- 纯CSS让子元素的宽度总和决定其父元素的宽度