私のoverflow: hidden
コンテナには、隣接する浮動要素(オレンジ色のボックス)が含まれていません。オーバーフロー:隠しコンテナに浮動小数点の隣接要素が含まれていません
浮遊要素は、コンテナ(セクション)の横にあります。しかし、overflow:hidden
を削除すると、隣接する浮動要素がコンテナの内部に入り、コンテナの浮動小数点子を尊重します。
どうしてですか?それはブロックフォーマットのコンテキストと関係がありますか?
overflow: hidden;
をコンテナに適用すると、新しいBFCがトリガされ、その子が格納され、隣接する浮動要素は含まれません。ここで
は、私はあなたがすでにそれがBFCであるという答えを知っていると思いますfiddle
質問は質問自体に**それを再現するために必要な最短のコードを含める必要があります。** NB - **「ドンしてくださいこの要件を回避するためにコードブロックを乱用する**。 –
@Paulie_D申し訳ありませんが、私は新しいSOユーザーです。私は何かを回避しようとしませんでした。それを修正します。 – Limpuls
ようこそスタックオーバーフロー!あなたの質問を編集して段落で分かりやすくすることができました。バッククォートでは、コード(CSSなど)をフォーマットすることができます。ハイパーリンクはハイパーリンクボタンで埋め込むことができます。質問内に関連するHTMLを追加してください(フィドルだけでなく)。がんばろう! – trincot