Blockelemente seltsam verhalten

Question

Ich hoffe, das ist etwas wirklich einfaches, dass ich vermisse. Ich habe zwei Seiten auf einer Seite, die auf einer Seite fast identisch sind. Beide enthalten ein Formularelement und einige Überschriften und Absätze, die alle in einem div mit flex display enthalten sind.

Auf der einen Seite die h2, p und h3-Elemente verhalten sich wie erwartet (dh als Blockelemente) Here is a link to this page

Die andere Seite ist Setup genau die gleiche Art und Weise (soweit ich sehen kann), aber die h2 , h3 und p-Elemente verhalten sich wie Inline-Elemente. Link to other page

Was ist los? Vielen Dank.

Answer 1

Auf der ersten Seite <p> Tag Inhalt ist schwer, so dass es Block zeigt, wenn Sie versuchen, mit der zweiten Seite <p> Tag contentent schwer es in der nächsten Zeile zeigt.

Es ist wie Beacause der Elternklasse flex_div_container hat flex Propery. Also jedes Element in der Seite, die div verhalten sich wie inline-block