What to do if the css page is not fully displayed

Solutions to incomplete display of the css page: 1. Cancel the height css style of the object in css; 2. Reduce the content; 3. Set the "overflow:hidden" attribute style while setting the height and width.

The operating environment of this tutorial: windows7 system, HTML5&&CSS3 version, Dell G3 computer.

div css web page display is incomplete reason analysis and solutions

If your web page layout has not yet been abandoned in ie6, there may be a problem where the web page content is not displayed That’s it. Now let’s tell you why this problem occurs and how to solve it.

Often when viewing a web page in lower version browsers such as IE6, the content is displayed completely, but in IE7 and above browsers, Firefox and other browsers, the content is displayed incompletely - DIV CSS web page content is displayed incompletely. Diagnosis Tutorial.

The screenshot of the style is as follows:

Note: Only half of the content text in the last row is displayed.

Analysis of causes:

1. Width/height is set in css

2. CSS style sheet attribute overflow:hidden is set to hide items exceeding the specified width and height. Object-css hidden.

Recommended: "css video tutorial"

Solution:

1. The height is set in css

Cancel its object The height (height) css style can be compatible with various browsers and the content will be displayed completely. If canceling the height causes the left and right content panel borders of the web page layout to be misaligned, you do not need to cancel the height, but you need to reduce the content and remove the incomplete content.

2. Set the css style sheet attribute overflow:hidden to hide objects that exceed the specified width and height.

Generally setting the height and setting the overflow:hidden style will cause the content to be displayed incompletely in IE6. The solution is as in the first point, if you do not cancel the height and width constraints, you can reduce the content.

Why can the display be complete even if the height is set in IE6, but the display is incomplete in other browsers?

Answer: Because of the IE6 kernel, you set the height, but you If the content exceeds the set height, it will naturally exceed the height and width you set, but it will not be able to exceed the set height in IE7, IE8, Firefox and other browsers.

Of course, if you want the content you set to not exceed the height and width you set (including in IE6), you can set the overflow:hidden attribute style while setting the height and width, so that in IE6 It won't break the height and width you set.

The above is the detailed content of What to do if the css page is not fully displayed. For more information, please follow other related articles on the PHP Chinese website!