同じコンテナの下にある2つの要素に共通の背景色を割り当てようとしています。浮動小数点要素の背景色を設定する方法は?
両方の要素にid
を設定しました。第1の要素はleft
であり、第2の要素はright
である。 左側はfloat:left
、右側はfloat:right
で、どちらも幅が45%
です。コンテナの幅は80%
で、余白は左と余白がauto
に設定されています。
コンテナにbackground-color
を設定すると、どちらの子の背景色も変更されませんが、左側の要素にbackground-color
を設定すると効果があります。
両方の子要素の背景色を設定するにはどうすればよいですか?
だけ親に、子どもたちに背景色を使用しないでください:
は、CSSでこの記事は、説明のために浮かぶ参照してください。 – z3nth10n
あなたはjsfiddleやいくつかのコードを提供できますか? – mmmoustache
ブラウザのインスペクタツールを使用します。要素を浮動させると、ドキュメントの通常の流れから削除されます。コンテナの高さは '0'になります。つまり、背景が表示されません。 – skyline3000