css - float 和列表样式位置 : inside, 在最新的 chrome 中不起作用？

Question

我刚刚收到客户发来的一封电子邮件，他网站上的一些列表元素一夜之间就损坏了？ 过去几个月我没有更改任何代码，当我尝试这个简单的代码时: Firefox 和 IE 确实尊重 list-style-position: inside;在 float 列表元素上，但现在 Chrome 不这样做？!有解决办法吗？这是一个错误还是一个新标准？ (Html5 DTD)

My Fiddle

<style>    
ul {
    list-style-position: inside;
    width:150px;
}

li {
    background:#c9c9c9;
    float:left;
    clear:both;
}
</style>


<div class="wrapper">
    <ul>
        <li><a href="#">Product1</a></li>
        <li><a href="#">Product2</a></li>
    </ul>
    <div class="clear"></div>
</div>

Answer 1

是的，这是一个错误。 检查this page .