Переполнение CSS: скрытое скрытие списка пули?

Я только что заметил что-то смешное. Скажем, у меня есть список 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, немного нелогична? Почему это произойдет? Это намеренное поведение? Это в спецификации или это просто какая-то странность, с которой кто-то забыл иметь дело?

Ответы

Ответ 1

Это поведение по умолчанию, насколько мне известно, если list-position outside, пули ul и числа ol не отображаются. По крайней мере, в Firefox я помню это раньше в более старых версиях.

Ответ 2

Браузеры добавляют по умолчанию маржу и заполнение списков. Сначала попробуйте использовать reset.css, чтобы удалить стили по умолчанию, чтобы вы могли начать чистую и свежую работу без неожиданного поведения. Сделайте поиск для Эрика Мейера reset. Надеюсь, что это поможет.

Ответ 3

Я видел, как мои патроны/цифры обрезаются, когда на левой стороне ul нет достаточного заполнения. Попробуйте добавить немного и посмотрите, поможет ли это.