Html中DIV块排列错位怎么解决？

我们在做网页前端写css的时候，经常会遇到一些块错位的问题，特别对一些新手来说是比较懵逼的，明明是用了左对齐（float:left）或是右对齐（float:right），结果还是有错位，这肯定是我们哪里设置出错了。下面我们一起来看看吧。

如今还有不少网站仍然采用表格嵌套内容的方式来制作网站，然DIV+CSS会更方便，更加灵活；在目前的网站前端中，已经有很长多的网站采用div+css进行前端设计。

常见DIV+CSS网页错位问题

1、兼容性问题，网页在某版本的浏览器中显示是正常的，但使用其他不同版本的浏览器就显示不正常了。

2、网页div结构本来是左右结构，变成了上下错位了。

div错位解决办法

1、对于版本问题我们可以使用CSS hack来解决。由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及CSS优先级对浏览器展现效果的影响，可以据此针对不同的浏览器情景来应用不同的CSS，不懂的朋友可以自行百度一下。

2、上下错位的话，先检查一下浮动对齐是否设置好，那么很可能就是宽度设置的问题，比如你总宽度设置的1000px，但几个div加起来已经超过了1000px（包括边框以及间距），那肯定会发生错位，需要把宽度调整一下调到合理的宽度。如果宽度是正常的还是有错位，那么很可能是div结尾的问题，需要检查div开始与div结束包含关系是否正确，有时候就是少了一个或多了一个div就会出现错位的情况。

上面就是div错位常见的两种情况以及解决办法，其他还有文字错位，列表错位等情况，我们需要看看行间距，字间距等，通过浏览器工具来进行调试。

以上就是对于“div错位”的解答，希望对大家有所帮助。我是，干货持续更新中，原创发布，禁止抄袭转载。