[CSS]IE/FireFox 對width屬性的解讀

.link {
padding:5px
width: 100px;
}

IE的解讀是寬度為100px,width的100px包含padding的5px
FF的解讀是寬度為105px,width+padding

下面是三種兼容的寫法
1.

.link {
padding:5px
width: 95px !important;
width: 100px;
}

在FF要用的width後面加上!important(FF認識這個字-"提升優先權")
而且要放在另一個width前面
因為有重複的屬性IE只抓最後一個

2.

link {
padding:5px
width/**/: 95px;
width: 100px;
}

FF要用的加上/**/
IE看到/**/只會把那行註釋掉

3.

.link {
padding:5px
width: 100px; > width: 95px;
}

IE認識 '>'
所以會用比較大的那個