让您头痛的DIV+CSS网页错位诊断及解决办法

常见DIV+CSS网页错位问题

1、网页在某版本的浏览器中显示正常，不同其它版本浏览器显示错位不正常

2、本来是左右结构网页布局，但是左右成上下结构错位

3、文字列表型字行在不同浏览器中高度不一

等等...

解决CSS网页错位总体思路

1、遇到在不同版本浏览器中显示高矮不一可以使用CSS hack来解决

2、如果左右结构网页布局成了上下结构布局。解决方法是检查float浮动是否设置好;检查左右宽度是否计算正确，是否是设置左右宽度大于了总宽度导致的上下结构;div开始与div结束包含是否正确，可以使用设置border边框来验证，是否少了div标签结束或多了div。

3、字体高度不一致，有没有设置line-height或height属性来控制字行间距、CSS 字间距。

4、可能是你CSS 注释有问题。