莫名的空白区域
代码如下
*{margin:0;
border:0;
list-style:0;
font-size:12px;
}
.notice{width:298px;
height:98px;
margin:10px;
border:1px solid #eee;
overflow:hidden;
}
.notice-tit{height:27px;
position:relative;
background:#F7F7F7;
}
.notice-tit ul{position:absolute;
width:301px;
left:-1px;}
.notice-tit li{float:left;
width:58px;
height:26px;
line-height:26px;
text-align:center;
overflow:hidden;
background:#FFF;
padding:0 1px;
border-bottom:1px solid #eee;
}
.notice-tit li.select{background:#FFF;
border-bottom-color:#FFF;
border-left:1px solid #eee;
border.right:1px solid #eee;
padding:0;
font-weight:bolder;
}
.notice-tit li a:link,.notice-tit li a:visited{text-decoration:none;color:#000;}
.notice-tit li a:hover{color:#F90;}
<!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" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<title>Tab切换</title>
</head>
<body>
<div id="notice" class="notice">
<div id="notice-tit" class="notice-tit">
<ul>
<li>
<a href="#">公告</a>
</li>
<li>
<a href="#">规则</a>
</li>
<li>
<a href="#">论坛</a>
</li>
<li>
<a href="#">安全</a>
</li>
<li>
<a href="#" class="select">公益</a>
</li>
</ul>
</div>
</div>
</body>
</html>
qq_混沌肆虐_02回答
-
李晓健
ul{padding:0}ul的默认padding去掉 list-style:0; 这个的值好像没有0 应该是noneborder.right:1px solid #eee; 应该是 border-right:1px solid #eee; -
echo_kinchao
内联标签的 padding的问题
随时随地看视频慕课网APP
Html/CSS