直接添加`width: max-content;`聲明就 OK，之前太單純了。 * * * 最近碰見這樣一個需求，要讓圖片橫向排列設置 x 方向的滾動條滾動查看，原本當直接創建一個 IFC（inline，float 什么的）就解決了，搞了半天發現搞不定（IFC 也是不能父元素寬度自適應子元素寬度 ...

的問題。於是我查看了一下盒模型，發現包裹img的容器寬度div#main並不是我理想中六張圖片寬度的總和， ...

背景 塊級元素寬度默認值為100%，而不是auto;因此其寬度不會根據子元素內容動態適應。 如何實現父級元素寬度動態適應其子元素。 方法一 display:inline; 給塊級元素設置inline-block值。 方法二 絕對定位元素 給塊級元素設置position ...

需求效果： 原理：拖動效果的實現基本都是dom操作來實現的，通過拖動分隔線，計算分隔線與瀏覽器邊框的距離(left)，來實現拖動之后的不同寬度的計算；當拖動分隔線1時，計算元素框left和mid；當拖動分隔線2時，計算元素框mid和right；同時設置元素框最小值以防止元素框拖沒了（其實是 ...

需求： 原理： 拖動效果的實現基本都是dom操作來實現的，通過拖動分隔線，計算分隔線與瀏覽器邊框的距離(left)，來實現拖動之后的不同寬度的計算；當拖動分隔線1時，計算元素框left和mid；當拖動分隔線2時，計算元素框mid和right；同時設置元素框最小值以防止元素框拖沒了（其實是 ...

需求效果： 原理：拖動效果的實現基本都是dom操作來實現的，通過拖動分隔線，計算分隔線與瀏覽器邊框的距離(left)，來實現拖動之后的不同寬度的計算；當拖動分隔線1時，計算元素框left和mid；當拖動分隔線2時，計算元素框mid和right；同時設置元素框最小值以防止元素框拖沒了（其實是 ...

以前在做手機端頁面時候通過媒體查詢的方法定義字體或者寬高。 這樣看設計稿切圖時一切字體大小、內容寬度全靠感覺去定義，media定義好之后，拿起鍵盤就是干。 字體、寬高都用rem來定義，此方法略爽！ 現在找到了一個方法，頁面插入一段js，切圖時看設計稿多寬頁面就定義多大的寬度 ...

實現效果： 代碼： 父級元素： ...