CSS的Tab也就是選項(xiàng)卡，用于在網(wǎng)頁上快速切換頁面內(nèi)容。然而在兼容IE瀏覽器方面，CSS Tab會(huì)出現(xiàn)一些問題。下面是一些兼容IE的CSS Tab代碼推薦。

/* 基礎(chǔ)樣式 */
.tab-wrap{position:relative;}
.tab-nav{position:absolute;top:-1px;left:-1px;}
.tab-nav li{float:left;height:27px;line-height:25px;padding:0 10px;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;background:#f2f2f2;}
.tab-nav li.active{background-color:#fff;border-bottom:1px solid #fff;}
.tab-nav li.active a{color:#333;}
.tab-nav a{display:block;color:#aaa;text-decoration:none;}
.tab-panel{clear:both;background-color:#fff;padding:20px;border:1px solid #ddd;border-radius:5px;margin-top:-1px;}
/* CSS Tab兼容IE的代碼 */
.tab-nav li{display:inline-block;} /* 推薦寫法1 */
/* 或 */
.tab-nav li{float:left;margin:0;} /* 推薦寫法2 */
/* 或 */
.tab-nav{display:table;margin:0;} /* 推薦寫法3 */

推薦的三種寫法，解決了IE對(duì)于inline-block、float的一些問題，并且可以更好地兼容IE瀏覽器，方便代碼的書寫。