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

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

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

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

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

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
Adobe系列软件安装时提示“安装程序无法初始化。请下载Adobe Support Advisor检测该问题”错误的解决方法
Adobe系列软件安装时提示“安装程序无法初始化。请下载Adobe Support Advisor检测该问题”错误的解决方法
2
手机号码归属地精准查询免费API接口
手机号码归属地精准查询免费API接口
3
移动端zepto.js框架无法使用animate动画的解决方法
移动端zepto.js框架无法使用animate动画的解决方法
4
苹果电脑MACOS系统打开软件提示“无法打开Final Cut Pro,因为无法确认开发者的身份”错误的解决方法
苹果电脑MACOS系统打开软件提示“无法打开Final Cut Pro,因为无法确认开发者的身份”错误的解决方法
5
给网站添加标题栏ico小图标的方法
给网站添加标题栏ico小图标的方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主