2つの要素が表示付きコンテナ内にあります。ブロックマージンが崩壊しますが、表示されます。 exampleフレックスボックスのマージンが子どもの間で崩壊する
.wrapper {
width: 50%;
margin: 0 auto;
}
.container {
display: flex;
// display: block;
flex-flow: column nowrap;
background-color: green;
}
h1 {
background-color: #777;
margin-bottom: 20px;
}
p {
background-color: #ccc;
margin-top: 15px;
}
おそらく、私はmisspoke。マージントップボトムは留まるべきです。 .containerにはdisplay:flexは変更されていなければなりません。ディスプレイの設定:pでフレックス、h1で与えられなかった...フレックスラップを何も変えないでください。 – Petr
あなたはあなたが探している画像を提供してもらえますか? あなたの説明とコメントはあまり明確ではありません – k185