Give you a Headache DIV+CSS Web page dislocation diagnosis and solution

Common Div+css page Dislocation problem

1, the Web page in a version of the browser display normal, different versions of the browser display dislocation is not normal

2, is about the structure of the page layout, but left and right into the top and bottom structure dislocation

3, text list type word line in different browsers height varies

Wait a minute...

The overall idea of solving CSS page dislocation

1, encountered in different versions of the browser to show the height of varying sizes can be used to solve the CSS hack

2, if the left and right structure of the page layout into the upper and lower structure layout. The solution is to check whether float float is set up, check whether the left and right widths are calculated correctly, whether the upper and lower structure is set to the left or right width greater than the total width, and whether the div starts with the Div end contains the correct, you can use the set border border to verify that the div tag is

3, the font height is inconsistent, there is no set line-height or Height property to control the line spacing, CSS word spacing.

4, may be your CSS comments have problems.