缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
来源:互联网 发布:阿里云上海当面核验 编辑:程序博客网 时间:2024/06/07 15:59
最近仿了一个静态页面,因为目前还没学到JS,所以只用了HTML和CSS。
body部分没设置固定宽高,在写完以后我缩小浏览器窗口,拖动底部滚动条,发现背景有一部分缺失。如下图:
真的很影响美观,我认为这可能是浏览器的一个bug。
随后我在CSS代码的body部分加了一个“min-width”(因为footer的宽继承于body,所以我就直接加在body处)。
下图是加了以后的CSS代码:
加了以后显示没问题了
这个min-width的数值我取的是我浏览器的宽度。
后来上网查了一下,有人说JS可以解决这类问题,但是目前还没学到,所以就只能用这个凑合吧,下一步就打算开始学习JS。
路漫漫其修远兮,作为一个刚刚开始接触前端的菜鸟,这个博客用来记录我在平时遇到的一些问题和心得,也算是做做总结,积累经验。如果有哪位大神看了以后觉得有一些意见和建议,欢迎指出,我也会虚心学习!
阅读全文
0 0
- 缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
- 缩小窗口,拉动下方滚动条。背景缺失解决方案
- 浏览器有水平滚动条时,把滚动条滑到最右边后,右边的背景颜色不显示解决方案,缩小窗口,拉动下方滚动条,背景缺失解决方案
- 浏览器缩小出现滚动条
- 浏览器窗口缩小,水平滚动条自动显示出来
- 浏览器窗口中出现滚动条
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- robotframework 拉动滚动条
- 缩小浏览器窗口右边出现空白
- html 底部出现滚动条 去掉滚动条
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据一
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度。判断出现滚动条
- FPGA实验5:多周期移位寄存器
- oracle的schema的含义
- 如何快速转载CSDN中的博客[转载]
- mac环境kafka启动时报No such file or directory解决办法
- POJ--3176--Cow Bowling
- 缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
- C++高级编程(一)文件和流
- 博客 与 eclipse互联 git 应用
- php strotime
- 【NOIP2017提高组正式赛】列队
- 【计算机系统组成】IO设备知识要点
- 第五题 (超简单)输出指定成绩的学生的数目
- Spark 完全分布式集群搭建过程
- TensorflowLite 学习资料