<div class=“a”> <div class=“b”>
<div class=“c”>內容內容,很長的內容</div>
</div></div>
給a設定一個固定寬度,並設定overflow:scroll,使其出現橫向滾動條,但文字內容會自動換行,為了不換行,我給c設定white-space:nowrap,雖然達到了效果,可以完整顯示內容,並出現滾動條,但實際上a和b的寬度並不會完整包裹c(給a和b設定背景色就能看出),而是與原先設定的寬度一樣。有什么辦法讓a和b的寬度能正常包裹c呢?
原先無法讓b完全包裹c,只要給b加上:float: left;讓它脫離a的文檔流,b的寬度就不受a限制了,即使a設置了滾動條,b的寬度也能自適應了。