ホームページ  >  記事  >  ウェブフロントエンド  >  DIVのCSSで背景色が表示できない問題を解決

DIVのCSSで背景色が表示できない問題を解決

黄舟
黄舟オリジナル
2017-07-19 10:42:392637ブラウズ

DIV CSS で背景色が表示できない問題の分析と解決策 DIVCSS5 体験チュートリアル

div CSS 初心者のレイアウトは、レイアウトの背景色が表示できない、一般的なレイアウトの背景が表示できないという問題に遭遇します 通常の理由は次のとおりです:

1 . float floatを使用すると浮き上がります CSSの背景色が表示できない
2. 高さ不足で背景が表示されない

次に、背景色や画像が表示されない原因と解決策を紹介します。

1. CSS float は背景スタイルの色を表示できない float を作成します - TOP

オブジェクトに背景色のスタイルが設定されており、このときオブジェクトの内部ボックスが float 属性のスタイルを持っているとします。浮動小数点数のため、オブジェクトが浮動状態になり、開くことができないため、CSS の背景色を表示できません。解決策は 3 つあります。1 つは、Float をクリアする方法、CSS の高さを設定する方法、および CSS のオーバーフロー スタイルを設定する方法です。

詳細なチュートリアルにアクセスできます: css clear float

2. 高さ制限により、背景色が完全に表示されなくなります - TOP

原因分析:
高さを計算していない (または誤って設定した) オブジェクトがある場合非常に小さい高さ属性) スタイル)、コンテンツの量が不明なため、設定した高さの制限を超えると、背景を超える部分が表示されない可能性があります。

解決策:
十分な高さを設定するか、高さスタイルの削除をキャンセルしてください。

高さを制限したいが、あまりにも多くのコンテンツがオーバーフローしたくない場合は、高さ制限を設定できます:
CSS は DIV 境界を越えてオー​​バーフローするコンテンツを非表示にします

以上がDIVのCSSで背景色が表示できない問題を解決の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。