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