CSS 使用after伪类清除浮动

今天早上去上班的时候还在纠结，设定before和after，可是他们的位置位于元素的哪里呢？兄弟元素？子元素？在firebug里看不到他们俩的位置，在FF自带的审查元素里倒是能看到，其实是位于该元素的子元素。

于是，以前，我们说过用一个div来清除浮动，现在我们可以把它省掉了——给父元素设定after。

如下：

element:after {
     clear: both;
     content: "";
     display: block;
}