html - CSS 选择器 :after

Question

我有两个 div，一个在左边，另一个在右边。

我需要在正确的 float 之后添加一个 clearfix，并且一直在阅读如何使用 :after 选择器。

我已尝试创建此样式并添加相关属性，但似乎不起作用，我是否错误地理解了此规则？

任何建议都会很棒!

http://jsfiddle.net/hjP6f/

Answer 1

这是您要添加明确修复的页脚:

#footer:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

你在这里基本上说的是在#footer div 的末尾添加一些内容并使其显示 block ，然后将两者都清除。这会将页脚下拉到所有 float 内容之上。

代码更新:http://jsfiddle.net/hjP6f/1/

.