On positionne avec quoi?
Comment positionner des éléménts cote à cote?
Float: left => une simple CLASS, efficasse sur tout les navigateurs
- Avantage : simple, rapide, intuitif, hyper compatible
- Inconvénient : positionnement hors du flux, nécessitera des ajustements (clearfix et autres anti-débordements)
premier
deuxième
Inline-block => compatible dés IE8
La propriété display: inline-block
(sous forme de classe .inbl
chez KNACSS) permet à un élément de s'afficher tel un "inline" tout en étant dimensionné.
- Avantage : positionnement dans le flux.
- Inconvénient : un espace "whitespace" apparaîtra entre les deux div et nécessitera de coller les balises ou de bidouiller en CSS pour être supprimé
premier
deuxième
Flexbox => l'avenir mais que depuis IE10
Table cell => row et col
premier
deuxième
bloc de même hauteur
Cet article provient de Labo JPB-PHR 2015-2024
L'url pour cet article est :
https://labo.infocapagde.com/sections.php?op=viewarticle&artid=9