首页 > 父元素设置固定宽度并设置overflow:scroll,如何让子元素撑开父元素?

父元素设置固定宽度并设置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的宽度也能自适应了。仔细想想,还是自己对css不够了解。
在此谢谢各位的帮助。
http://jsbin.com/zobiyogepo/edit?html,css,output


你都把a的宽度固定了 怎么让它去自适应
你要把宽 高 滚动条加给c


你这个感觉没说清楚啊,我按照你说的根本不会出现横向滚动条,除非给.b或者.c设置宽度大于.a ,能再描述清楚,或者在jsbin上演示一下。除非你给.b或者.c设置了某些属性使其脱离文档流,不然a,b应该可以包裹c

【热门文章】
【热门文章】