<style type="text/css">
.productDetailTabNav{ width:960px;}
.productDetailTabNav ul{
border: 1px solid #DDDDDD;
border-bottom: 3px solid #ED5564;
background: #FAFAFA;
/*div在下面*/
position:static;float:none;clear:both;
}
.productDetailTabNav ul li{
float: left;
cursor: pointer;
padding: 0 20px;
font-size: 14px;
height: 40px;
line-height: 40px;
font-weight: bold;
/*css去掉li前面的点*/
list-style-type:none;
border-right: 1px solid #DDD;
}
.productDetailTabNav ul li.current{
background: #ED5564;
color: #FFFFFF;
}
<div id="hide1">
<DIV class="productDetailTabNav">
<UL class="fix">
<LI class="current"><a >商品描述</a> </LI>
<LI>
<a >艺术家 </a> </LI>
<LI> <a >具体参数</a> </LI>
<LI> <a >售后保障</a></LI>
<LI id=consult_tab > <a >商品咨询</a>
</LI></UL>
</DIV>
<div class="tab_content1" id="special_0">
<div class="content" id="J_DivItemDesc">
商品详细页商品详细
</div>
</div>
<div class="related_pro" style="display:none" id="special_1">
<ul>
商品详细页相关商品
</ul>
<div class="clear">
</div>
</div>
<div style="display:none" id="special_2" class="pro_4">
商品详细页评论列表
</div>
<div class="related_pro" style="display:none" id="special_3">
<ul>
商品详细页浏览过的商品
</ul>
<div class="clear">
</div>
</div>
<div style="display:none;" id="special_4" class="pro_4">
商品详细页商品咨询
</div>
</div>