本文介绍了一种使用CSS来实现特定元素（如“更多...”链接）在标题旁边显示的方法。通过设置适当的浮动和负边距属性，可以使文本元素精确地定位在所需位置。
用一个H2标签作为标题，如下：
<H2><a href="#">标题</a><span>更多...</span></H2>
h2 {...}{
height: 2px;
}
span {...}{
float: right;
display:block;
margin:-10px 0 0 0;
height:20px;
}
<H2><a href="#">标题</a><span>更多...</span></H2>现在要做的就是把更多定位到标题的右侧，用下面的CSS即可实现。
h2 {...}{ height: 2px;}span {...}{ float: right; display:block; margin:-10px 0 0 0; height:20px;}注意到上面的span标签除了向右浮动外，还用到了margin:-10px...。这是因为span浮动后会转至标题的下一行，因此必须用一个负的margin-top让它上去。效果如下图：
扫一扫
458
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
