
<title>标题右侧“更多”的实现</title>
<style type="text/css">
/*古老的方法*/
/*h2{
position:relative;
height:20px;
}
span{
position:absolute;
right:0;
top:0;
display:block;
height:20px;
}*/
/*新的方法*/ /*其实只是利用了margin-top 的负数来实现,因为默认的float会换行到h2标签下面去,所以让它自个跳上去。*/
h2{
height:20px;
}
span{
float:right;
display:block;
margin:-20px 0 0 0;
height:20px;
}
</style>
</head>
<body>
<h2><a href="#">标题标题</a><span><a href="#">更多..</a></span></h2>
</body>