生·生活

asp.net旅行

 

标题右侧“更多...”“More...”的实现

两种实现标题右侧更多的例子:
HTML

<h2><a href="#" >标题</a> <a href="#">更多…</a></h2>
位置法
h2{
position
:relative;
height
:30px;
}
span
{
position
:absolute;
right
:0;
top
:0;
display
:block;
height
:30px;
}
浮动法
h2{
height
:30px;
}
span
{
float
:right;
display
:block;
margin
:-15px 0 0 0;
height
:30px;
}
这里因为float会换行到h2标签的下面,利用margin-top 的负数将浮动层上移
原文网址:http://www.greencss.com/article.asp?id=100
原文网址:http://www.greencss.com/article.asp?id=100

posted on 2008-01-26 13:54  厦门刀客  阅读(225)  评论(0)    收藏  举报

导航