マージンの相殺については、マージンの相殺の記事で詳しく解説しています。ボックスモデルの値を確認してください。これにより、マージンの実際のサイズが表示されるので、何が起こっているかを特定するのに役立ちます。インライン整形コンテキストに参加する要素インライン要素は、その特定の書字方向で文章が進む方向に次々と表示されます。すべての要素と同様にボックスを持っています。これらのインラインボックスは、次から次へと配置されています。すべてのボックスを含むブロックに十分な空間がない場合、ボックスは新しい行に分割されます。生成された行は行ボックスと呼ばれています。つのインラインボックスがあります。要素の後の言葉の周りのボックスは無名ボックスと呼ばれ、すべてがボックスに含まれていることを保証するために導入されていますが、私たちが直接ターゲットにすることはできません。その中の最も高さが高いボックスによって定義されます。その内容がその行の行ボックスの高さを定義するようになります。ブロックボックスとインラインボックスの動作についての詳細は、視覚整形モデルのガイドを参照してください。ブロックボックスとインラインボックスの動作がさらに記述されています。プロパティは、ボックスとその中のボックスの動作を定義します。プロパティがどのようにボックスや生成されるボックスの動作を変えるのかを知ることができます。要素の表示種別は、外部表示型として、ボックスが同じ整形コンテキスト内の他の要素とどのように並んで表示されるかを定義します。内部表示型として、この要素内のボックスがどのように動作するかを決定します。フレックスボックスレイアウトを考えると、このことがよくわかります。フレックスコンテナーはブロック要素のように動作しており、新しい行に表示されてインライン方向に取ることができるすべての空間を取っています。フレックスアイテムはフレックス整形コンテキストに参加しています。内部表示型を持っているため、直接の子にフレックス整形コンテキストを確立しているためです。すべてのボックスはこのように動作していると考えることができます。ボックス自体は外部表示型を持っているので、どのように他のボックスと並ぶよう動作するかを知っています。次に、ボックスは内部表示型を持ち、子ボックスの動作を変更します。これらの子も、外部と内部の表示型を持っています。前の例でフレックスアイテムはフレックスレベルのボックスになるので、フレックス整形コンテキストの一部として外部表示型が指定されます。これらのアイテムの内部表示型はフローであり、子アイテムは通常フローに参加します。フレックスアイテムの内部に含まれているアイテムは、何か表示型が変更されない限り、ブロックおよびインライン要素として配置されます。あるために、ブロックとインラインのレイアウトに参加しているということを教えてくれるので重要です。要素が参加する整形コンテキストの変更ブラウザーはアイテムを、その要素が通常ブロックやインラインの整形コンテキストの一部としての意味を持つものとして表示します。要素は単語を強調するために使用され、ブラウザーでは太字で表示されます。要素がブロックレベルの要素として表示され、改行して表示されるという意味は持ちません。設定することで実現できます。使用することができることを意味します。まとめこのガイドでは、通常のフローで要素がブロック要素やインライン要素として、どのように表示されるかを見てきました。文書は、読みやすい形で表示されます。通常のフローがどのように機能するかを理解することで、要素の表示方法を変更するための出発点を理解し、レイアウトを容易にすることができるようになります。