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

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

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

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

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

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
使用wps将word转pdf时丢失内容(部分内容不显示)的解决方案
使用wps将word转pdf时丢失内容(部分内容不显示)的解决方案
2
一些国外技术类软件国内无法正常下载的解决方案
一些国外技术类软件国内无法正常下载的解决方案
3
2010年1月12日上午9点十分,百度首页无法打开
2010年1月12日上午9点十分,百度首页无法打开
4
MacOS系统安装Adobe系列软件提示“The installation cannot continue as the installer file may be damaged Download the installer file again”错误的解决方案
MacOS系统安装Adobe系列软件提示“The installation cannot continue as the installer file may be damaged Download the installer file again”错误的解决方案
5
神坑react native之react-native-swiper组件导入react-navigation中不显示文字图片等内容的解决方案
神坑react native之react-native-swiper组件导入react-navigation中不显示文字图片等内容的解决方案
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主