博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决div出现横向滚动条,背景色没铺满问题
阅读量:7174 次
发布时间:2019-06-29

本文共 325 字,大约阅读时间需要 1 分钟。

问题描述(如图):div等块级元素默认宽度为100%,当页面渲染完后其宽度已经固定,这时候如果文字超出其宽度(如调用api后显示的结果),我们如果希望其出现滚动条,这时超过原宽度的部分背景可能跟文字背景不一样。

如图:
1,初始情况
clipboard.png

2,点击菜单后出现的文字长度超出原div宽度,出现了滚动条

(注意设置overflow: scroll才会出现滚动条,如果设成hidden超出的文字会被隐藏)
clipboard.png

3,向右拉滚动条发现背景没铺满

clipboard.png

解决方式:

给最外层div加样式:

min-width: max-content;min-width: -moz-max-content;

说明:注意是min-width而不是width,不然会出现其它错误。

解决后的样子:

clipboard.png

转载地址:http://ewdzm.baihongyu.com/

你可能感兴趣的文章
怎样获取数据库中某一个字段长度最长的那条记录
查看>>
yourphp常用标签
查看>>
anchor_target_layer层解读
查看>>
7.6 服务远程暴露 - 注册服务到zookeeper
查看>>
Lua------------------unity与lua的热更新
查看>>
【Win 10 应用开发】UI Composition 札记(一):视图框架的实现
查看>>
JavaScript面向对象总结
查看>>
分布式系统理论基础,以及选举,多数派,租约
查看>>
Breadth-first search 算法(Swift版)
查看>>
Vue.js系列之四计算属性和观察者
查看>>
pycharm 对代码做静态检查
查看>>
读书笔记--<精益和敏捷开发大型项目应用指南>
查看>>
【JBOSS】数据库连接配置小结
查看>>
穆僮电脑小课堂
查看>>
物联网架构成长之路(8)-EMQ-Hook了解、连接Kafka发送消息
查看>>
Newtonsoft.Json(Json.Net)学习笔记
查看>>
微信亿级用户异常检测框架的设计与实践
查看>>
全然用linux工作,放弃windows
查看>>
QT中VideoProbe的简介和实现
查看>>
HDU 3595 GG and MM(Every-SG)
查看>>