Reason analysis and solution of DIV+CSS Web page display incomplete

Often in the lower version of the browser such as IE6 view a Web page display integrity, while in IE7 and above browsers, Firefox and other browsers content display incomplete-DIV+CSS Web content display Incomplete Diagnostics tutorial.

The style screenshot is as follows:

Description: The last row of content text only shows half.

Analysis causes:

1, the CSS set the height

2, set the CSS style sheet property Overflow:hidden, hide objects beyond the specified width, height-css hidden.

Workaround:

1, the CSS set the height

Cancels its object's height CSS style, compatible with each browser, and the content is displayed intact. If you cancel the height so that the page layout around the content plate border is not aligned, you can not cancel the height, but you need to reduce the content, will display incomplete content removed.

2, set the CSS style sheet property Overflow:hidden, hide beyond the specified width, height of the object.

The general setting height at the same time set Overflow:hidden style, will cause in the IE6 also lets the content display not complete. Solutions such as 1th, if you do not remove the height width limit, you can reduce the content.

Why is the height set in the IE6 to be complete, but not complete in other browsers?

A: Because the IE6 kernel reason, you set the height, but your content exceeds the setting height, he will naturally burst you to set the height width, but in IE7, IE8, Firefox and so on browser cannot burst the height which sets.

Of course if you want to set the content no more than to burst you set the height width (including IE6), you can set the height and width and then set the Overflow:hidden property style, so that in the IE6 will not burst you set the height and width.