Organisation auto des div - HTML CSS Résolu/Fermé

Question

Salut à tous, voila mon problème : sur un site web que je fais, j'ai une div, qui occupe toute la largeur (ici en noir) et à l'intérieur j'ai plusieurs div (ici en orange) avec une hauteur et une largeur fixe. Et je voudrais que ces div s'organisent de façon à prendre toute la place disponnible même quand le fenêtre change de taille (image ci-dessous) :

mais quand je place mes div, elle se placent les unes en dessous des autres.
J'ai cherché mais je n'ai trouvé que la propriété css white space (un truc comme sa) qui ne marche pas...
Une idée ?
merci d'avance pour votre réponse

jordane45 · Answer

Bonjour 
Change les largeurs fixes par des  pourcentages.....

Orci76 · Answer

Salut, Pour que leur taille change selon la place disponible, c'est effectivement les pourcentages (ou vw/vh) qu'il faut utiliser. Pour ce qui est du placement, regarde du côté du float: left. Exemple:

Hello!

.black { width: 100%; border: 1px solid black;}.orange { margin: 1.5%; width: 30.3%; background-color: orange;}.fleft {float: left;}

electroking · Answer

Tout d'abord merci de votre réponse, ensuite, je crois que je me suis mal exprimé mais j'ai trouvé ce que je voulait : la commande css display: inline-block; .

Organisation auto des div - HTML CSS

3 réponses

Discussions similaires