当初学者在设计网页的时候，觉得css代码明明没有问题的，却依然出现了网页布局错位，这你就应该考虑一下你的网页宽度设计的合理了吗?

　　网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度，如果不计算无论是宽度过大过小就会出现错位问题。

　　怎么计算CSS宽度

　　案例分析：一个左右结构的布局样式。

　　假如网页总宽度为960px，那么左右加起来就应当小于960px，那我们可能左边为200px，右边为760px

　　正确设计：左边200px ，右边760px ，这样左右结构总宽度刚好等于960px，网页就会整齐了，

　　错误设计：假如我们在总宽度不变情况下，左边为200px，而右边为790px那总宽度超过了30px，导致右边过大，因为地方过小，站不住脚，自然就出现了右边排在了左边布局的下面去了。

　　以上是在没有使用margin的情况下，如果使用了margin设置了左右间隙，或者div线条设置了宽度，那么这间隙也是要计算进去的。

　　CSS宽度计算时候注意总结：

　　在设计中，需要注意宽度的合理设计与计算，特别是使用了padding、margin、边框等CSS属性，这个时候我们都需要将它们总的宽度计算入内，各宽度之和小于或等于排版的总宽度，如果大于总宽度将会出现错位的兼容问题。所以我们在设计网页的时候，算好网页的宽度，会大大减少网页错位的几率，也更方便检查去错位的原因及时处理。