通栏窗口缩小后背景颜色显示不全
来源:互联网 发布:java condition 编辑:程序博客网 时间:2024/05/29 16:14
问题:
相信很多人在写页面的时候遇到过这样的一种问题,外层div(设置背景色,宽度为100%)是通栏的,内部设置一个页面的主体部分内容,这个时候如果我们将浏览器窗口缩小的时候,这时候右侧超出当前浏览器窗口大小的部分就会失去了我们给外层设置的背景色。如下图所示,这是为什么呢??
解析:
这是因为外层div设置的100%是相对于当前文档所言的,也就是浏览器的窗口大小,现在我们假设当前浏览器窗口是1000px,而主体内容部分是1200px,那么,当我们把浏览器窗口缩放到1000px时,也就是外层的div实际上只有1000px了,而我们的背景色是对外层div进行设置的,这样就会出现上述图片的问题。
解决:
其实解决方法很简单,只要我们给外层的div增加一个min-width: 1200px;就可以了。
原因:
这是因为如果我们不设置了最小宽度,那么当外层的div缩放到1000px的时候,内层的div仍然是1200px,但是我们的css只设置了外层div的北京颜色,因此只有外层的部分显示背景色,而当我们拖动滚动条的时候右侧的背景色就没有了。
1 0
- 通栏窗口缩小后背景颜色显示不全
- 浏览器有水平滚动条时,把滚动条滑到最右边后,右边的背景颜色不显示解决方案,缩小窗口,拉动下方滚动条,背景缺失解决方案
- 网页背景100%平铺浏览器缩小背景显示不全
- (前端细节)背景100%平铺,浏览器缩小,背景显示不全bug
- (前端细节)背景100%平铺,浏览器缩小,背景显示不全bug
- 更改系统的窗口颜色后,网页的背景不能显示
- opengl 001 显示一个带背景颜色的窗口
- 开发板上QT程序窗口缩小后背景是很丑的绿色.解决方案如下.
- 浏览器窗口缩小时,设置的背景不是正常的显示
- shape背景圆角显示不全
- ExtJs:ViewPort容器在浏览器窗口缩小后的不显示拖动条问题
- MFC修改窗口背景颜色
- MFC改变窗口背景颜色
- MFC设置窗口背景颜色
- 设置win7窗口背景颜色
- Java 增加窗口、添加窗口背景颜色
- 使用silverlight后,页面显示不全
- opendir打开后显示的不全
- Jersey客户端
- 【C/C++】动态库与静态库
- 细述 Java垃圾回收机制→Java Garbage Collection Introduction
- 【NOIP2016提高A组五校联考2】tree
- c#中点击事件的本质
- 通栏窗口缩小后背景颜色显示不全
- RecyclerView学习总结
- 史上最精简jquery实现秒懂的星星评分代码
- ①管理员身份运行cmd;②cmd命令切换到指定文件夹目录;③cmd命令窗口中复制粘贴
- 本博客暂停更新,以后文章请见https://ctrasd.github.io/
- 2016/10/5(慕课网JS基础学习)
- 【HDU 1423】Greatest Common Increasing Subsequence【LCIS 裸题】
- [C# 基础知识系列]专题四:事件揭秘
- win7和ubuntu双系统,先进入windows启动项选择菜单,然后进入ubuntu的grub的引导方法