2016-08-24 6 views
0

同じコンテナの下にある2つの要素に共通の背景色を割り当てようとしています。浮動小数点要素の背景色を設定する方法は?

両方の要素にidを設定しました。第1の要素はleftであり、第2の要素はrightである。 左側はfloat:left、右側はfloat:rightで、どちらも幅が45%です。コンテナの幅は80%で、余白は左と余白がautoに設定されています。

コンテナにbackground-colorを設定すると、どちらの子の背景色も変更されませんが、左側の要素にbackground-colorを設定すると効果があります。

両方の子要素の背景色を設定するにはどうすればよいですか?

+2

だけ親に、子どもたちに背景色を使用しないでください:

は、CSSでこの記事は、説明のために浮かぶ参照してください。 – z3nth10n

+2

あなたはjsfiddleやいくつかのコードを提供できますか? – mmmoustache

+0

ブラウザのインス​​ペクタツールを使用します。要素を浮動させると、ドキュメントの通常の流れから削除されます。コンテナの高さは '0'になります。つまり、背景が表示されません。 – skyline3000

答えて

0

要素がfloatの場合、通常のドキュメントフローから削除されます。コンテナの高さは0になりました。これは、背景が表示されるように見える高さがないことを意味します。この問題を回避するには、コンテナにoverflow:autoを設定します。 http://www.quirksmode.org/css/clearing.html

+0

ありがとうございました! –

関連する問題