html使用最ie高版本,如果我只需要支持IE10及更高版本（和其他现代浏览器），HTML Tabs是最好的方式...

注：不是代码的所有者(从什么地方知道了，不记得了)

HTML：

Tab One

stuff

Tab Two

more stuff

CSS：

.tabs {

position: relative;

min-height: 200px; /* This part sucks */

clear: both;

margin: 25px 0;

}

.tab {

float: left;

}

.tab label {

background: #eee;

padding: 10px;

border: 1px solid #ccc;

margin-left: -1px;

position: relative;

left: 1px;

}

.tab [type=radio] {

display: none;

}

.content {

position: absolute;

top: 28px;

left: 0;

background: white;

right: 0;

bottom: 0;

padding: 20px;

border: 1px solid #ccc;

}

[type=radio]:checked ~ label {

background: white;

border-bottom: 1px solid white;

z-index: 2;

}

[type=radio]:checked ~ label ~ .content {

z-index: 1;

}