internet-explorer-7 - リスト項目ペアのフロートは < IE7 では機能しません

Question

私はこのようなものを持っています:

<ul>
<li class="first">Hello</li>
<li class="second">World</li>
<li class="first">Hello</li>
<li class="second">World</li>
</ul>

また、CSS は次のようになります。

.first {
    float: left;
    clear: left;
}

.second {
    float: left;
    clear: right;
}

私はこのようにしたいと思います：

ハローワールドハロー
ワールド

しかし、IE7 では次のように表示されます
。

誰かが私に理由とこれを解決する方法を説明できますか?

へのリンクはこちら

score 0 · Accepted Answer

この問題は、親要素（この場合はul）に幅がないために発生し、要素がひどく崩壊しています。子と親に幅を追加することで、探している結果を得ることができます。

JSFiddleの更新バージョンは次のとおりです。http：//jsfiddle.net/vVwQM/

1 に答える 1