css - 绝对 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;
}