父元素設置固定寬度並設置overflow:scroll,如何讓子元素撐開父元素


<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的寬度也能自適應了。

http://jsbin.com/zobiyogepo/edit?html,css,output


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM