<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tabel切换</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font-size:9pt;}
ul,li{list-style:none;}
a{text-decoration:none;}
.tab_box{width:500px;height:200px;margin:20px auto;border:1px solid #CCC;}
.tab_box_tit{background-color:#F7F7F7;text-align:center;height:50px;position:relative;}
.tab_box_tit ul{position:absolute;left:-1px;width:502px;}
.tab_box_tit ul li{height:50px;line-height:50px;float:left;width:98px;padding:0 1px;border-bottom:1px solid #CCC;}
.tab_box_tit ul li a{color:#000;}
.tab_box_tit ul li a:hover{color:#f18e32;}
.tab_box_tit li.select{background-color:#FFF;border-bottom:none;font-weight:bold;border-left:1px solid #CCC;border-right:1px solid #CCC;padding:0;}
</style>
</head>
<body>
<div class="tab_box" id="tab_box">
<div class="tab_box_tit" id="tab_box_tit">
<ul>
<li><a href="#">公告</a></li>
<li><a href="#">规则</a></li>
<li><a href="#">论坛</a></li>
<li><a href="#">安全</a></li>
<li class="select"><a href="#">公益</a></li>
</ul>
</div>
<div class="tab_box_con"></div>
</div>
</body>
</html>老师，我这个右边一直有空白是什么情况？ul宽度设多少都没作用，调试了半天，好纠结
