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

...

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

設置右邊元素flex：1，當右邊元素寬度超過父元素時，會造成右邊寬度溢出。 右邊多設置一個width:0或overflow:hiddlen后樣式正常。 為什么設置flex: 1可以實現寬度自適應？ 這與flex屬性的賦值語法有關，CSS屬性 flex 規定了彈性元素如何伸長或縮短 ...

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

給a設定一個固定寬度，並設定overflow:scroll，使其出現橫向滾動條，但文字內容會自動換行，為了不換行，我給c設定white-space:nowrap，雖然達到了效果，可以完整顯示內容，並出現滾動條，但實際上a和b的寬度並不會完整包裹c（給a和b設定背景色就能看出），而是與原先設定 ...

使用場景 在移動端屏幕寬度有限的前提下，使用橫向滾動的方式展示更多的內容。在這樣的需求下，希望父元素作為容器，其寬度可以又橫向排列資源的總寬度動態撐開，超過祖父元素的寬度；在不超過祖父元素時，自動繼承100%的寬度。 DOM結構如下： 一般處理方法 將子元素設為float ...

1. 前言 在移動開發中，有時候需要設置一個寬高相等的div，並且為了使它能夠適配更多的屏幕，於是需要讓它的寬高和屏幕寬高成一定的比例。這里將提供一個css的解決方案，讓一些后端開發不用再寫繁瑣的js。 2. 實現代碼 html: css: 效果 ...