今天，我要使用一个分页控件。发现，在Chrome下显示完全正常的控件，在IE下面显示得异常肥大。
在使用IE的“开发人员工具”的时候，发现我期待的CSS效果没有显示出来，相反是另外的一个CSS效果。这里贴上两端相关的CSS代码。
1 .pagination { 2 3 border: none; 4 border-radius: 3px; 5 margin-left:30%; 6 -moz-border-radius: 3px; 7 -webkit-border-radius: 3px; 8 }
1 .gigantic.pagination { 2 margin: 10px 0; 3 margin-left:20%; 4 5 }
<div class="pagination" style="width:auto;"> <a href="#" class="first" data-action="first">«</a> <a href="#" class="previous" data-action="previous">‹</a> <input id="pageNum" type="text" readonly="readonly" data-max-page="40" /> <a href="#" class="next" data-action="next">›</a> <a href="#" class="last" data-action="last">»</a> </div>
虽然我期望显示的是pagination里面的CSS效果。但是不知道为什么IE却显示.gigantic.pagination里面的CSS效果。无奈只好把两个CSS效果改成一样的，这样在IE和Chrome下面就显示正常了。但是这样没有根本地找出问题的症状。
作者：kissazi2
出处：http://www.cnblogs.com/kissazi2/
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
转载：http://www.cnblogs.com/kissazi2/archive/2012/09/16/2687879.html
