bootstrap默认box-sizing样式

最近在解决浏览器兼容性，因为开发是在FF下开发的，容错率较高，导致用ie8打开好多错乱的，事情看起来很复杂，但是得一步一步来做。在做到表格的中内容过多显示省略号的时候发现第一列的checkbox列也有省略号，很意外也很好奇，f12查看样式，发现外层的div上起效的是bootstrap默认的box-sizing:border-box的样式并且div是有margin-top和margin-right的。奈何这个不是我想要的呀，于是给重写覆盖掉了，好了上一下简单代码

 

<DIV class=checker>
  <SPAN>
    <INPUT class=mschk-sub value=on type=checkbox jQuery110205319174049236357="206">
  </SPAN>
</DIV>

*, *:before, *:after {
    box-sizing: border-box;
}

 覆盖样式

.checker{

    box-sizing : content-box ;

}

 就达到效果啦，

 

特此标记以顾后来回首