CSS - 父元素宽度自适应子元素宽度之和

直接添加`width: max-content;`声明就 OK，之前太单纯了。 * * * 最近碰见这样一个需求，要让图片横向排列设置 x 方向的滚动条滚动查看，原本当直接创建一个 IFC（inline，float 什么的）就解决了，搞了半天发现搞不定（IFC 也是不能父元素宽度自适应子元素宽度之和的，因为会换行。。），最后用 flex 解决了（然后又发现使用 table 也是可以的），然后学了两个新名词 GFC 和 FFC。。这里就说一下我的解决方法，给大家抛个砖。 # flex 在线演示：[Parent width adapt it's childern(flex)](https://codepen.io/1010543618/pen/GbQJgg)

img1 110*120

img2 140*110

img3 130*130

img4 90*150

# table 在线演示：[Parent width adapt it's childern(table)](https://codepen.io/1010543618/pen/JQpddw)

img1 110*120

img2 140*110

img3 130*130

img4 90*150