开发者社区> 问答> 正文

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


<div class=“c”>内容内容,很长的内容</div>


给a设定一个固定宽度,并设定overflow:scroll,使其出现横向滚动条,但文字内容会自动换行,为了不换行,我给c设定white-space:nowrap,虽然达到了效果,可以完整显示内容,并出现滚动条,但实际上a和b的宽度并不会完整包裹c(给a和b设定背景色就能看出),而是与原先设定的宽度一样。
请问有什么办法让a和b的宽度能正常包裹c呢?谢谢!

展开
收起
杨冬芳 2016-06-06 10:22:55 2302 0
1 条回答
写回答
取消 提交回答
  • IT从业

    问题解决了,原先无法让b完全包裹c,只要给b加上:float: left;让它脱离a的文档流,b的宽度就不受a限制了,即使a设置了滚动条,b的宽度也能自适应了。仔细想想,还是自己对css不够了解。
    在此谢谢各位的帮助。
    http://jsbin.com/zobiyogepo/edit?html,css,output

    2019-07-17 19:27:48
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载