排版

在刚刚制作的网页中，出现了一个好久都想不通的问题，就是为什么用了CSS进行排版，但还是有图形的错位什么的一些问题。调试了很久才发现，原来自己一直忽略了这个问题：宽度计算错误。

假如总宽度为500px，有3个盒子，分别CSS宽度为200px、200px、100px，这个没问题会在一排显示不会错位，但如果加入了CSS边框、padding、margin属性时，别忘记这几个属性所占的宽度。特别是padding与边框border占用宽度空间不要忽略了。如果有一个盒子加入左右边框，这个时候有一个盒子中刚合适的宽度条件下减少2px边框占用宽度，否则即会总3个盒子合计宽度大于了总宽度，造成错位。

宽度问题造成CSS布局错位小结：
内盒子宽度之和大于了外宽度造成错位，检查时候我们一定计算设置宽度、边框、paddind、margin之和。