* { margin:0; padding:0; list-style:none; } .big { margin:100px auto; width:400px; box-sizing:border-box; } .son1 { border-right:0 none; } .son1 a { float:left; width:100px; text-align:center; text-decoration:none; display:inline-block; } .son2 li { width:100%; display:none; } .son2 .active { display:block; }
这个切换虽然简单,但是方便套用,很适合新手入门,并且兼容性很好,也很利于理解。