偶然发现了一个谷歌浏览器的bug

今天有同学遇到了一个问题,后来经过对代码的抽丝剥茧,发现了一个谷歌浏览器的小bug。

在li中放入一个img图片元素,如果li的宽度小于里面img的宽度,就会出现图片往下掉的bug:

 

 

 

 

 

 

把li的宽度调整到比img大,就正常了。

 

 

 

 

 

 

注明:测试用的谷歌浏览器版本是:55.0.2883.87(64-bit)

写了一个精简版的小demo,有兴趣的可以下载研究下:谷歌浏览器bug演示

最新更新:感谢热心网友MrTan分享了解决方案。给li加list-style:none;就可以了。

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
利用路由侠实现多台windows电脑远程共享USB设备的详细操作方法
利用路由侠实现多台windows电脑远程共享USB设备的详细操作方法
2
你好,2019
你好,2019
3
一道经典的程序员逻辑算法类笔试题
一道经典的程序员逻辑算法类笔试题
4
一个JavaScript中正则表达式匹配中括号的问题
一个JavaScript中正则表达式匹配中括号的问题
5
神奇的PS!Photoshop傻瓜化智能一键去水印教程
神奇的PS!Photoshop傻瓜化智能一键去水印教程
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主