解决div出现横向滚动条,背景⾊没铺满问题
问题描述(如图):div等块级元素默认宽度为100%,当页⾯渲染完后其宽度已经固定,这时候如果⽂字超出其宽度(如调⽤api后显⽰的结果),我们如果希望其出现滚动条,这时超过原宽度的部分背景可能跟⽂字背景不⼀样。
如图:
1,初始情况
2,点击菜单后出现的⽂字长度超出原div宽度,出现了滚动条
(注意设置overflow: scroll才会出现滚动条,如果设成hidden超出的⽂字会被隐藏)
html横向滚动条样式3,向右拉滚动条发现背景没铺满
解决⽅式:
给最外层div加样式:
min-width: max-content;
min-width: -moz-max-content;
说明:注意是min-width⽽不是width,不然会出现其它错误。
解决后的样⼦:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论