[Résolu] Display: flex me rajoute de l'espace en plus...

Bonjour,

j'ai un code html comme ceci :

<div class="page-content">
       <h1>Bienvenue</h1>
      <p>Le menu change d'icône lorsqu'il s'ouvre ou se ferme.</p>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo debitis
        molestias dicta deserunt, fugiat quod illum, veniam blanditiis nulla
        expedita, eius impedit rem ipsum. Autem aliquam officiis nostrum dicta
        tenetur!
      </p>
      <p>
        Fugit, excepturi! Voluptas nobis placeat reprehenderit quisquam
        voluptates, illo deserunt necessitatibus impedit doloremque corrupti
        ipsum ullam incidunt beatae, non earum dolorem tenetur culpa
        consequuntur. Odit cum a voluptas impedit! Et?
      </p>
      <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore quia nobis.</h3>
      <p>
        Expedita, error. Sint eius est totam ipsa, illo fuga provident suscipit
        et necessitatibus ab! Provident, corporis molestias porro dolorem
        voluptatum minima iusto nobis temporibus aliquam ducimus alias ex. Ut,
        sequi?
      </p>
      <p>
        Quis aut ipsa rem pariatur obcaecati non quo minus quibusdam dolores
        numquam sequi, aperiam, ex ab. Autem minus ratione debitis quia. Iusto
        cumque a porro, suscipit ab dolores in adipisci?
      </p>
    </div>

et mon css :

.page-content {
  margin-left: 20px;
}

Mais quand je veux lui mettre un display flex comme ceci

.page-content {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

il me rajoute des espaces en plus, voici en image et l'autre avec display flex

Auriez-vous une idée, merci.

Edit : Enfin, ma question, est-ce un comportement normale par défaut ?
Modifié par ricem (26 Nov 2025 - 18:22)

OMG....mémoire de poisson rouge...

j'ai fait une recherche sur "google", mais pas sur "alsacréations".
Désolé, bon bah je vais relire mon ancien sujet..

Edit : j'ai vu une vidéo qui explique qu'avant le flexbox, les marges se superposaient, et que c'est la plus grande qui prenait le dessus sur la plus petite...
mais, ils ont rectifié avec l'arrivé de flexbox, les marges ne se superposent plus.

https://www.alsacreations.com/article/lire/629-fusion-des-marges.html
Modifié par ricem (26 Nov 2025 - 21:09)