Solution to why background color cannot be displayed in HTML

Today I will solve a small problem for you. For many novices, sometimes the background color of the layout cannot be displayed. I have summarized two problems and give you an example below to answer them

General layout background cannot be displayed The usual reasons for display are as follows:

1. The float caused by the use of floatfloat cannot be displayed css backgroundColor

2. The background is generated due to insufficient height Unable to display

Next, we will introduce the reasons and solutions for the reasons why the background color or image cannot be displayed.

css float float produces float and cannot display the background style color

Suppose the background background color style is set for an object, and the internal box of the object uses float to float Attribute style. At this time, the object floats, causing the object to be unable to be opened, so the css background color cannot be displayed. There are three solutions. One is to set clear to clear float and set the css height. , set css overflow style.

Detailed tutorial can be entered: css clear float

The height limit causes the background color to not be displayed completely

Cause analysis:

If you have an object that is not displayed Calculate the height (or accidentally set a very small height attribute style), because you are not sure how much content there is. When the content exceeds the height limit you set, the part of the background that exceeds the height limit may not be displayed.

Solution:

Set a high enough height, or cancel the deletion of the height style.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

Use DIV and CSS to make a red box with a solid border

How to make DIV adaptive height

How to use CSS to hide the text content of the image background

The above is the detailed content of Solution to why background color cannot be displayed in HTML. For more information, please follow other related articles on the PHP Chinese website!