你的<a>里面有数字的会下沉，所以你需要在左右箭头里面加一些内容
例如：
<div class="paging">
<a href="#" class="pagePrev">p<b></b></a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#" class="pageNext">n<b></b></a>
</div>
错位的原因我也说不清~这算是一种解决方法吧~
或者写nbsp咯~
这是因为margin-bottom:5%这个5%是以body的width作为基准来计算的（而不是你自以为的以height为基准），这样的话当浏览器窗口的宽度发生变化时，上半部分与下半部分之间的间隔就会发生变化，从而造成下半部分有时会超出父元素范围，有时又会缩进去。改成下面这样就没问题：
margin-bottom:5vh
但是vh是css3新增的长度单位，会带来浏览器兼容问题。
或者可以用一个空白的div，height设为5%（这个则是以body的height作为基准进行计算的，所以没问题），把它作为上下两部分的间隔，这个应该是兼容性最好的解决方案。
总之，尽量不要用margin-bottom（或margin-top）加百分数的方式来作为垂直间隔！！！
上传到服务器没有加后台标签，一般不会出什么问题，有的后台对于页面中源代码里的回车非常敏感，会造成局部错位。不知道页面乱成什么样，有时候看着页面非常混乱，但问题其实只在一处，这一处问题解决，整个页面也就正常了。如果这个页面加了后台标签，则需要检查一下是不是有的标签没有关闭，或者多出了标签。在ie6中本地文件有时会和上传的文件不一样，如果源代码里有中文注释，最好用拼音或者英文代替。可以给每块加上宽高和溢出隐藏，让页面恢复正常
