超限订单列表不增加

Question

为什么当列表项有隐藏溢出时，有序列表不增加？下面是一个简化的例子。我的实际应用程序需要隐藏溢出，因为列表项已经浮动子项。

<ol>
    <li>uno</li>
    <li>dos</li>
    <li>tres</li>
</ol>

CSS

ol li {
    list-style: decimal inside none;
    overflow: hidden;
}

Output (火狐4)

0. uno
0. dos
0. tres

Output (Internet 7)

1. uno
1. dos
1. tres

Output (Chrome，Internet 8)

1. uno
2. dos
3. tres

动态示例

http://jsfiddle.net/tokyotech/DCgq3/

Answer 1

ol {
    margin: 0 0 1em 0;  
    counter-reset: item;
}

ol li {
    list-style: decimal inside none;
    background: pink;
    display:inline-block;
    border-bottom: 3px dotted #000;       
    margin-left: 1em;
}

ol li div {
    background: #999;
    width: 20em;
    height: 2em;
    margin: 0.2em;
}


li:before {
    display: inline-block;
    content: counter(item);
    counter-increment: item;    
    width: 2em;
    margin-left: -1em;
}

检查http://jsfiddle.net/DCgq3/62/上的工作示例

Answer 2

呃-哦，我在期待IE7的“打嗝”，但不是FF4：

IE7是一个布局问题，臭名昭著的是它不能对列表进行编号(有时甚至很难放一个普通的子弹)。

为什么FF4我不知道，会看一看