html网页错位问题解决

2010-04-20 14:30:45 DIV+CSS网页错位诊断,常见的div+css网页错位原因及解决方法。

DIV+CSS网页错位诊断

错位解决目录
  1. 常见兼容错位问题
  2. 解决CSS兼容网页错位思路

常见DIV+CSS网页错位问题

1、网页在某版本的浏览器中显示正常,不同其它版本浏览器显示错位不正常
2、本来是左右结构网页布局,但是左右成上下结构错位
3、文字列表型字行在不同浏览器中高度不一
等等...

2、解决CSS网页错位总体思路

1、遇到在不同版本浏览器中显示高矮不一可以使用CSS hack来解决
2、如果左右结构网页布局成了上下结构布局。解决方法是检查float浮动是否设置好;检查左右宽度是否计算正确,是否是设置左右宽度大于了总宽度导致的上下结构;div开始与div结束包含是否正确,可以使用设置border边框来验证,是否少了div标签结束或多了div。
3、字体高度不一致,有没有设置line-height或height属性来控制字行间距、CSS 字间距
4、可能是你CSS 注释有问题。

如果有什么疑问请进DIV+CSS研教室-提问解决!

更新