浮动和列表样式位置:内部，在最新的镀铬中不起作用

Question

我刚刚收到一封来自客户的电子邮件，他网站上的一些列表元素在一夜之间就坏了？在过去的几个月里，我没有更改任何代码，当我尝试这个简单的代码时：Firefox 和 IE 确实尊重列表样式位置：内部;在浮动列表元素上，但现在铬剂量不？！有修复吗？这是一个错误还是一个新标准？（HTML5 DTD）

我的小提琴

<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

是的，这是一个错误。查看此页面。

Answer 2

这似乎是Chrome中的一个错误。U 可以尝试使用以下代码来达到目的

ul li{
margin-left:1em;
}

Answer 3

.clear{clear:both;}
li {
    background:#c9c9c9;
    clear:both;
    list-style-position: inside;
}
ul {
    width:150px;
}

在你的JSFIDDLE中检查这个