* { margin:0; padding:0; } body { background:#ddd; } ul { list-style:none; } a { text-decoration:none; } .box { margin:0 auto; width:100%; } .fl_l { width:20%; float:left; border:1px solid #f4f4f4; background:#fff; } .fl_l li a { border-bottom:1px solid #eee; text-align:center; display:block; color:#333; font-size:14px; line-height:60px; } .fl_l li.active a { background:#f60; color:#fff; } .fl_r { float:right; width:78%; } .fl_r li { background:#fff; font-size:50px; line-height:300px; display:block; text-align:center; }
代码简单,与其他代码兼容性强,稍微修改即可