时常我们会遇到咱们要配置在一行展现的组织，却因为种种缘故原由组成为了错位，看到毕竟是在一行的着末一个盒子布局错位掉上去了(下列图)。
错位一3错位凋零与1和2下方
错位二 网页组织错位树范
形成DIV CSS网页结构错位的原由也许有两种环境，一种是宽度计算差迟，一种是IE BUG造成，额外是IE6与IE7。今后我们挨着为各人简介错位与计划错位法子。
一、宽度计算纰谬打算办法
宽度计算差错，假设总宽度为500px，有3个盒子，划分css宽度为200px、200px、100px，这个没标题可能在一排闪现不会错位，但若退出了css边框、padding、margin属性时，别遗忘这几个属性所占的宽度。额外是padding与边框border占用宽度空间不要疏忽了。如果有一个盒子到场摆布边框，这个时候有一个盒子中刚契合的宽度条件下削减2px边框占用宽度，否则即会总3个盒子较量争论宽度大于了总宽度，构成错位。
宽度问题组成CSS布局错位小结：
内盒子宽度之和大于了外宽度组成错位，检查时候我们定然计算设置装备摆设宽度、边框、paddind、margin之和。
二、IE BUG额定是IE6与IE7组成错位
这个标题问题是最常见的问题，咱们查看完第一点宽度标题，而宽度没标题问题，这个时候在IE6、IE7中错位，在IE8及其它阅读器没有错位标题，这个时候咱们就要思量到你可否使用了margin属性，一样平常我们运用了CSS浮动(css float)环境下运用margin(margin-rightmargin-left这里额定是这个属性)此属性会发作双倍数值，这个时候我们须要应用css hack打算此标题问题。让IE6或IE7单独辨认特指定margin花式。
如：
1、IE6零丁识别(margin-left对付只要IE6错位情况下)
{margin-left:5px;_margin-left:2px}
这个时候除IE6外别的涉猎器设别margin-left:5px，IE6径自辨认_margin-left:2px
2、IE7与IE6都识别(margin-left对付ie6和ie7识别其它版本和品牌涉猎器不设别)
{margin-left:5px;*margin-left:2px;}
这个时辰除IE6与IE7外，其它浏览器设别margin-left:5px，IE6和IE7辨认*margin-left:2px
