用ul、li做横排导航

CSS样式：

.tab_focus{ float:left; min-width:80px; background:#141B21; border:solid 1px #163C51; border-bottom:none; height:28px; line-height:28px; overflow:hidden; cursor:pointer}

.tab_normal{ float:left; width:auto; min-width:80px; background:#1D262D; border:solid 1px #163C51; height:28px; line-height:28px; overflow:hidden; cursot:pointer;}

HTML：

<div class="config_load_menu">
<ul class="config_load_menu_ul">
<li class="config_tab_focus" id="baseinfo" loadPage="../base.rsp"><%= STR_BASE INFO %></li>
<li class="config_tab_normal" id="switchstatus" loadPage="../switch.rsp"><%= STR_SWITCH STATUS %></li>
</ul>
</div>

-----------------------------------

横排导航可能会出现超出<div>宽度，出现换行的情况

解决办法：

CSS样式去掉
float:left;
改成
display:inline-block;