Список не содержит всплывающих элементов списка

Question

В следующем коде ul не отображается.Это похоже на то, что li нужно очистить, но я не могу этого сделать, потому что у меня есть другие поплавки, с которыми он будет связываться.Почему ul не ограничивает свои li и есть ли способ заставить его работать?(Я проверял это только в Firefox)

<style>
   li { float: left; }
   ul { background: #F00; }
</style>

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
</ul>

Answer 1

Это действительно просто:

• Добавьте overflow: auto к правилу ul.

Демонстрация в реальном времени

Я не уверен, что вы подразумеваете под «но я не могу этого сделать, потому что у меня есть другие типы с плавающей точкой, с которыми он будет связываться» - вам нужно будет показать больше своего кода и описать, что вы хотите, немного лучше .

Answer 2

В данный момент я не могу создать ссылку на демо, но я думаю, что добавление overflow: hidden; к CSS ul должно работать.