Как очистить последний тег <li> в <ul>

Я знаю, что это довольно просто, но это дает мне зависания. У меня есть основной список:

<ul>
    <li><a href="#">Insert Link Here</a></li>
    <li><a href="#">Insert Link Here</a></li>
    <li><a href="#">Insert Link Here</a></li>
</ul>

Что мне нужно сделать, чтобы убедиться, что последний элемент <li> очищается? Я пробовал добавить style = "clear: both" до конца безрезультатно. Также я добавил "div" после последнего тега <li> перед закрывающим тегом </ul>, который работает, но я знаю, что он не проверяет.

Ответ 1

Если вы хотите, чтобы фон был за элементом блока, который только плавал элементы внутри, тогда:

ul {
  overflow: auto;
}

Ответ 2

Учитывая, что вы нашли "[добавление] a div после того, как последний <li>... работает" почему бы не попробовать добавить еще один <li>, дайте ему имя класса, например clearing и:

li.clearing {display: block; clear: both; }

Если вам нужно это, чтобы заняться небольшим или отсутствующим номером, добавление height: 0; background-color: transparent; border: 0 none transparent; должно помешать его видимости, но все еще вызывает очистку.

Было бы почти наверняка полезно, если бы вы могли добавить свой прецедент и объяснить, как прокомментировал комментарий: что вам нужно? (и я говорю это с трепетом, после просмотра слишком большого количества Вавилона 5).