Firefox CSS сейчас проблема

Question

Я пытаюсь создать неупорядоченный горизонтальный (без разрывов строки) список изображений на моем веб-сайте, используя следующий код:

<ul class="ImageSet">
    <li>
        <img src="blah">
    </li>
    <li>
        <img src="blah">
    </li>
    <li>
        <img src="blah">
    </li>
</ul>

В моем CSS я использую следующие правила:

.ImageSet { white-space: nowrap; }
.ImageSet li { display: inline; float: left; height: 100% }

Это работает правильно в Chrome, но не в Firefox, почему-то кто-нибудь знает почему?

РЕДАКТИРОВАТЬ: Чтобы уточнить, проблема в FF заключается в том, что li все еще переносится.Я пытаюсь сделать так, чтобы все они отображались одной непрерывной горизонтальной линией, выходящей за крайний правый край страницы.

Answer 1

Попробуйте удалить float:left, так как display:inline должно быть достаточно

Answer 2

Когда вы перемещаете li, они переносятся, когда достигают конца родительского контейнера (который может быть тегом body). Если вы хотите, чтобы изображение исчезло с экрана, вам нужно установить ширину родительского контейнера (ul) и использовать скрытое переполнение или auto, чтобы получить желаемый эффект.