前文
最近接到一個task戈毒,一個table表格在chrome上沒有X軸的滾動條,但是在IE上就有了滾動條质况。
也是查了很久才想到解決辦法,所以記錄一下玻靡。
正文
先上解決方案:
.class{
box-sizing: border-box;
}
這個問題的根本原因是在IE 與別的瀏覽器在計算寬度的時候方法不同结榄。
- chrome計算寬度 單純的就是定義的width的長度。
- IE瀏覽器計算寬度則是用 width + padding + border囤捻。
有關于box-sizing的資料:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing