Правильная очистка плавающего
-
29-10-2019 - |
Вопрос
Я имею дело с float: left;
и сбросом CSS Эриком Мейером с помощью class="clearfix"
.Но есть один особый случай, мне интересно, как правильно очистить элемент floatd: в <ul> ... </ul>
.
Правильная высота, но HTML-код недействителен !
< sizes Как очистить плавающее значение в генеральном коде тегов с помощью действительного кода?
Спасибо, Йоханнес
Решение
Просто добавьте overflow: hidden
в набор правил элемента ul
.Найдите в Google или Stack Overflow другие решения по запросу «очистка поплавков», хотя в данном случае это должно быть самым чистым.
Демонстрация jsfiddle: http://jsfiddle.net/9sxrN/1/
Другие советы
Насколько я понимаю, float можно применять к блочным элементам, которые нельзя вставить в UL.(ни div, ни BR вы не можете вставить в UL).На самом деле можно, но это неверно.
Итак, я покрыл вашу ul контейнером div:
общийи css из ul, созданный css из .ul-container
общийИспользовать общий кодовый тег в общем кодовом теге