html使用div显示会错位,DIV+CSS网页错位诊断和解决方法

你地DIV+CSS网页错位的概念是否了解，这里和大家分享一下常见DIV+CSS网页错位问题及解决方法，希望对你的学习有所帮助。

DIV+CSS网页错位诊断

随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，奋斗网络也成为了CSS网页布局技术学习的先锋站点，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。

如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法——DIV+CSS。

常见DIV+CSS网页错位问题

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

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

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

等等...

解决DIV+CSS网页错位总体思路

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

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

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

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