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

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

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

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

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

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
修改网页中被选中文字样式(如背景颜色)的方法
修改网页中被选中文字样式(如背景颜色)的方法
2
支付宝蚂蚁庄园养小鸡游戏获得道具卡的方法及攻略
支付宝蚂蚁庄园养小鸡游戏获得道具卡的方法及攻略
3
Dreamweaver CC新版设置左右分栏的方法
Dreamweaver CC新版设置左右分栏的方法
4
IE11浏览器F12开发者工具中报错“Exception in window.onload: An error has occuredJSPlugin.3005”的解决方案
IE11浏览器F12开发者工具中报错“Exception in window.onload: An error has occuredJSPlugin.3005”的解决方案
5
一些国外技术类软件国内无法正常下载的解决方案
一些国外技术类软件国内无法正常下载的解决方案
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主