chrome的浮动bug

浏览器版本

Version 49.0.2623.87 (64-bit)

bug描述

当为ul以及它的子元素li同时设置float属性时，li中的文字会出现折行现象。此issue中描述了这个bug。

DEMO

http://winterfell30.com/ife-demo/task1.2/task2.html

解决方法

• li中 font-size超过15.14px。
• 为li添加list-style-type:none。
• 为li添加white-space: nowrap强制其内文字不换行。