Menu déroulant lorsque ça dépasse du conteneur

Bonjour à tous,

J'ai crée un menu horizontal (un peu comme le menu de bootstrap). Le problème est que le nombre d'élement ne sera pas fixe dans le temps et pourra augmenter puisque je récupère les éléments depuis une bdd.

Donc, lorsqu'il y a trop d'éléments, les derniers reviennent à la ligne en dessous: c'est moche. J'aimerais savoir comment savoir (en javascript j'imagine ? C'est pour ça que je poste ici.) à partir de quelle élément ce retour à la ligne se fait afin de pouvoir transformer ces derniers éléments en dropdown qui se trouvera sur la même ligne.

Chaque élément est positionné avec float:left.

Merci d'avance à ceux qui me répondront.

Finalement à force de chercher j'ai trouvé une solution.

Pour ceux que ça interresse : je compare la valeur : ".offset().top" pour chaque élements grâce à un .each() en jquery. Si la valeur est plus grande que la précédente, alors je suis passé à une autre ligne.