绝对vs相对CSS块/内联

Question

我一直想用几个小时来解决这个问题，使用Chrome检查员，但没有运气。我可能错过了一些简单的东西。

查看此页面：http://newslines.org/wiki/category/computer-people/aaron-swartz/

请检查评论链接的位置（看起来像每个帖子右侧的讲话泡泡）

我从其他网站上获取了评论链接，但是在该网站上，该框使用了position：absolute。我已经尝试了很多变化，但我不能绝对工作，它只适用于我使用相对定位。但是，这会导致帖子标题和正文之间存在间距问题，如果你看一下“2012年9月16日”的条目，你会发现评论泡沫比它应该低。

最值得赞赏的任何帮助！

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;
}