comment faire pour effacer le dernier <li> tag dans un <ul>

Je sais que c'est assez basique, mais il me donne un décrochement. J'ai une liste de base:

<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>

Que dois-je faire pour vous assurer que la dernière <li> élément est effacée? J'ai essayé d'ajouter style="clear:both" à la fin, en vain. Aussi j'ai ajouté un 'div' après le dernier <li> balise avant la fermeture </ul> tag, qui fonctionne, mais je sais qu'il ne faut pas valider.

que voulez-vous exactement?
Monsieur Morden..?
Vous avez peut être besoin d'autres "assurances" comme float:none, display:block pour votre li.clear " pour faire une différence pour les habitués li, que vous voulez 'terminé'. Avec cela, il devient tout aussi polyvalent comme des rh.claire dans les autres div-ish contexte...

OriginalL'auteur Jon Harding | 2010-09-24

  1. 30

    Si vous voulez avoir l'arrière-plan derrière un bloc élément qui a flotté des éléments à l'intérieur, puis:

    ul {
  overflow: auto;
}
    En fait, cela semble être la solution la plus simple. J'ai enlevé la extra <li> élément et ajout de la classe de référence et il fonctionne.
    Smashing solution. M'a sauvé je ne sais pas combien de temps!
    Viens d'apprendre quelque chose de nouveau! Très bon et facile solution! Utilisé à l'utilisation de la clearfix.
    Incroyable affaire!!!
    Quoi? Comment est-ce fonctionne réellement. Bonne trouvaille.

    OriginalL'auteur KARASZI István

  2. 1

    Étant donné que vous avez trouvé "[ajout] un div après la dernière <li>...des œuvres" pourquoi ne pas essayer d'ajouter un autre <li>, lui donner un nom de classe, par exemple clearing et:

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

    Si vous en avez besoin pour prendre peu, ou pas, de la salle, puis en les ajoutant height: 0; background-color: transparent; border: 0 none transparent; devrait empêcher qu'elle soit visible, tout en causant de la compensation à se produire.

    Il serait presque certainement être un avantage si vous pouvez ajouter votre cas d'utilisation, et d'expliquer, que le commentaire a demandé: que voulez-vous? (et je dis cela avec beaucoup d'appréhension, après avoir regardé trop de Babylon 5 récemment).

    yep je l'ai fait. Bizarrement il n'a pas de travail inline '<li style="clear:both">' mais si j'ai juste ajouté <li class="effacer"> qui semblait fonctionner. Merci pour l'aide rapide
    C'est parce que li est un élément inline, et le css fourni sur la convertit en un élément de type block. clear:both; fonctionne sur un élément inline.
    pour l'explication.

    OriginalL'auteur David Thomas