CSSのオーバーフロー：隠されたリストの弾丸が隠されていますか？

Question

私はちょうど面白い何かに気づいた。のは、私はHTMLのリストを持っているとしましょう：

<ol> 
    <li>Lorem</li> 
    <li>ipsum</li> 
    <li>dolor</li> 
    <li>sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula.</li> 
</ol> 

そして、このCSS：予想通り、それは、コンテナの幅オフになったときの最後の項目で

li { 
    white-space: nowrap; 
    overflow: hidden; 
} 

長いテキストが実際にオフにハッキングされています。しかし！リスト項目番号はoverflowプロパティの影響を受けますので、表示されません。

しかし、このようにCSSを変更：（テキストは、コンテナの外に行くことはありませんが、リスト項目が示されている）ことを意図し

ol { 
    overflow: hidden; 
} 
li { 
    white-space: nowrap; 
} 

作品として。少なくともこれはFirefox 4 beta10でも当てはまります。

overflowの影響を受けている番号付けが少し不合理だとは思わないのですか？なぜそれが起こるだろうか？それはintendeの動作ですか？仕様になっているのですか、それとも誰かが忘れてしまったことですか？

Answer 1

これは、限り - 私として認識してデフォルトの動作です。少なくともFirefoxでは以前のバージョンでそれを見るのを覚えています。

Answer 2

ulの左側に十分な埋め込みがない場合、私の弾丸/数字がクリップされるのを見たことがあります。ビットを追加して、それが役立つかどうか確認してください。

Answer 3

ブラウザは、デフォルトのマージンとパディングをリストに追加します。最初にreset.cssを使用して、予期せぬ動作をすることなくきれいにして新鮮な状態にすることができるように、デフォルトスタイルを削除してみてください。エリックマイヤーのリセットを探してください。それが役に立てば幸い。 list-positionは、olドント・ショーのulと数字の弾丸outsideある場合