今天在做首頁時沒用使用表格的模板，結果jqgrid表出現了表頭和列不對齊的情況
我很奇怪，於是跟其他正常的表格進行對比，發現有一個很奇怪的地方
正常對齊的表頭
正常對齊的表格
可以看到正常的表頭，width雖然是100px，但是實際上是92+5+2+1=100，表格也是95+2+2+1=100，所以是對齊的
而不對齊的表頭是這樣的
表格
所以就不對齊了，然而實際上這纔是默認正常的。那麼是什麼屬性改變了這一點呢？我採用排除法一個個試驗屬性。終於發現是bootstrap.min.css導致了這一差異，然後在chrome上調試，終於發現了這個屬性
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
在谷歌瀏覽器中-webkit-box-sizing和box-sizing都是有效的，我估計這三個實際上是同一個東西，只是爲了兼容性寫了三個。
加上這個後，表格的寬度就變成了width+padding+border的和，很神奇