Positionnement sans float: left

Bonjour, j'ai créer le template de mon site il y a bientôt 10 ans !
A l'époque j'ai fait le positionnement avec des float: left; et des clear: both;
C'était les spécifications en vigueur à l'époque de IE6 !

Mais maintenant que le CSS3 commence a devenir mature, j'ai remarqué qu'il y a beaucoup de possibilité de positionnement plus simples et ne cassant pas le flux !

Qu'est-il judicieux d'utiliser à notre époque, quel système est le mieux supporté par les navigateurs utilisés par les client ?

Merci d'avance pour vos réponses et vos retours de vos pratiques.

Bonjour,

Il n'y toujours pas 36 solutions... Soit continuer avec les floats, soit passer à Flexbox, qui fonctionne pratiquement partout (en gros, je ne sais pas où il ne fonctionne pas).

Bien que sur certains navigateurs (comme IE) il soit parfois impossible de faire certaines choses (genre un enfant en flex avec une min-height qui est centré verticalement par rapport à un autre enfant)

Flexbox, c'est vraiment génial !
Ca permet de faire plein de trucs qu'on pouvait soit pas faire avant, soit avec juste une ligne ou 2 de CSS (comparé à une dizaine de lignes en JS) :)

Je ne sais pas s'il y a un sujet à propos de Flexbox ici mais voici un lien (en Anglais) qui l'explique : https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Merci @darkstar123456
En regardant un peu les flex, il faut au minimum IE11 pour que ça fonctionne sans préfixe !
En effet, ça a l'air intuitif et puissant, je vais m'y intéresser !