css - 任何人都可以解释为什么内容不会清除吗？

Question

Code

我知道我可以通过添加 display:block 轻松解决这个问题到 post-title类但是我想知道我做错了什么以及为什么 clearfix 不起作用。

我捕获了 clearfix code来自 css-tricks，如果我理解正确，它应该应用于父元素。

我想清除'h2'之前的空间，一个脏的<br />破解它可以工作，但我想知道如何使用提供的代码来做到这一点。

Answer 1

这是你想要的:

.permalink a {
  display: inline-block;
  float: right;
}

.icon-time {
    vertical-align: middle;
}

/* http://css-tricks.com/snippets/css/clear-fix/ */
.permalink:after {
  content: "";
  display: table;
  clear: both;
}

还有 Fiddle