Question

我刚从客户那里收到一封电子邮件，他网站上的一些列表元素已经破了一夜？我在最近几个月没有更改任何代码，当我尝试这个简单的代码时：Firefox和IE确实尊重list-style-position：inside;浮动列表元素，但现在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。

Answer 2

这似乎是Chrome中的一个错误。您可以尝试使用以下代码来实现目的

ul li{
margin-left:1em;
}

Answer 3

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

在你的jsfiddle中检查这个

浮动和列表样式位置：内部，不使用最新的chrome？

3 个答案: