[解決済み] フローティングエレメントをクリアするための:afterの使用

質問

リストがあり、liには float:left; . の後のコンテンツは <ul> の後のコンテンツは正しく整列されるはずです。したがって、私は次のように構築することができます。

http://jsfiddle.net/8unU8/

を削除すればいいのではと思ったのですが <div class="clear"> を削除することができます。

しかし、この例ではうまくいきません。

http://jsfiddle.net/EyNnk/

フローティング要素を消すには、必ず別のdivを作成しなければならないのでしょうか？

どのように解決するのですか？

このように書きます。

.wrapper:after {
    content: '';
    display: block;
    clear: both;
}

これを確認する http://jsfiddle.net/EyNnk/1/