绝对vs相对CSS块/内联

Question

我已经尝试了几个小时了，现在使用Chrome检查器，但没有运气。我可能遗漏了一些简单的东西。

看看这个页面:http://newslines.org/wiki/category/computer-people/aaron-swartz/

请检查评论链接的位置(看起来像每个帖子右边的一个语音气泡)

我把评论链接从另一个网站，但在那个网站上的框使用位置:绝对。我尝试了很多变化，但我不能得到绝对的工作，它只适用于我使用相对定位。然而，这会导致文章标题和正文之间的间距问题，如果你看看"September 16, 2012"的条目，你会发现评论气泡比它应该的要低。

任何帮助，最感谢!

Answer 1

试试这个:

.container .comments {
    background: -moz-linear-gradient(center top , #6FB1F0 0%, #589CDC 100%) repeat scroll 0 0 transparent;
    border: 1px solid #4A8ECF;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 25px;
    position: relative;
    right: -20px;
    top: 20px;
    width: 34px;
}
.archive-layout .post .title {
    float: left;
    font-size: 22px;
    width: 650px;
}