相关疑难解决方法(0)

在我的网站上,我使用reset.css.它将这个添加到列表样式:

ol, ul {
    list-style: none outside none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: …

http://jsfiddle.net/G46dK/

<ol>
    <li>
        <p>
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p>
            Moo
</ol>

随附CSS:

p.overflow-hidden {
    overflow-x: hidden;
}

你会期待类似的东西

1. 武
2. 武
3. 武
4. 武

但在我的Safari和Chrome上......"2" 和"3." 是隐藏的(但他们的"Moo"仍在那里):

为什么溢出会影响列表计数器/点？它<p>位于列表中的标签上...它会伤害我的大脑> <

我会失去理智,还是这个错误？

如果它不是一个bug ..是否有人能够解释它？

我想象着"2".属于,li而overflow-x: hidden适用于孩子p.因此即使"2" 在p...... 之外它与它没有任何关系,overflow-x: hidden因此不应该受到影响 - 但情况并非如此......情况如何？