The height of the div in the Firefox browser does not increase with the content inside.

In IE browser #main This div can be displayed normally, but in the Firefox browser can not display the #main Div, that is, #main the height of the div will not increase with the contents of the height increase. The following methods can be used to resolve:

#main This style rule under the style sheet to create the following style rules:

#main {

padding:10px;

width:800px;

margin-top:10px;

Margin-right:auto;

margin-bottom:10px;

Margin-left:auto;

Background-color: #CCCCCC;

}

#main: after{

Content: ".";

Visibility:hidden;

Display:block;

Clear:both;

height:0px;

font-size:0px;

}

Note: Do not set the Height property value in #main this style rule.

Description: Content: "." The quotation marks can be ".", or it can be another task character or string.