CSS选择器:之后

时间:2011-07-22 08:57:42

标签: html css

我有两个div,1个花车离开另一个。

我需要在右浮动之后添加一个clearfix并且已经使用:after选择器进行了阅读。

我尝试创建此样式并添加相关属性,但它似乎无法正常工作,我是否正确理解此规则?

任何建议都会很棒!

http://jsfiddle.net/hjP6f/

2 个答案:

答案 0 :(得分:2)

您希望将明确修复添加到页脚:

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

你在这里基本上说的是,在#footer div的末尾,添加一些内容并使其显示块,然后将其清除。这会将页脚拉下来覆盖所有浮动内容。

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

答案 1 :(得分:1)

只需将overflow:hidden;添加到#footer即可。它将建立一个新的格式化内容,使其能够包含其孩子们。