直接新增`width: max-content;`宣告就 ok，之前太單純了。
* * *
最近碰見這樣乙個需求，要讓橫向排列設定 x 方向的滾動條滾動檢視，原本當直接建立乙個 ifc（inline，float 什麼的）就解決了，搞了半天發現搞不定（ifc 也是不能父元素寬度自適應子元素寬度之和的，因為會換行。。），最後用 flex 解決了（然後又發現使用 table 也是可以的），然後學了兩個新名詞 gfc 和 ffc。。這裡就說一下我的解決方法，給大家拋個磚。
css高度自適應 父元素隨子元素變化
day16 1 min height ie6不相容問題 正常專案中 最小高度直接用min height即可。如果考慮相容 min height ie6不相容。ie6預設把height解析成最小高度。若height 和min height同時出現，ie6執行的事height固定高度。最小高度的相容設定...
子元素定位，父元素高度自適應
現象 子元素用了position，脫離文件流，導致父元素沒有高度。解決方案 1.把子元素改成浮動布局，給父元素加上overflow屬性 overflow auto 2.在對應的子元素上，新增相同寬高的兄弟元素，該元素去掉position屬性，把定位元素的top值換成margin或padding值。b...
元素的寬高自適應
寬高自適應 網頁布局中經常要定義元素的寬和高，但很多時候我們希望元素的大小能夠根據視窗或者子元素的大小來自動調整，這時候就要用到自適應了。元素自適應在網頁布局中非常重要，它能夠使網頁顯示更加靈活，可以適應在不同裝置 不同視窗 不同解析度下顯示。下面來介紹下不同情況下自適應的寫法 一 相對視窗和父元素...