左浮動リスト

Question

この記事の一番下にある画像のように、リスト（DL）を左に浮動させたいと思います。

私が使用している場合は、この：次にリストは、長いものより短いことを、長い1の下部に配置されます

dl { 
    float: left; 
    margin-bottom: 25px; 
    vertical-align: top; 
    width: 50%; 
} 

...。上記リストの後には続かない。

君たちのいずれかが、私が間違ってやっているものを私に言うことはできますか？

あなたは山車と、おそらく不可能です何をしたいです:-)

Answer 1

...事前にありがとうございます。 AFAIKにはこれにJavaScriptのソリューションがありますが、私は今、それらを見つけることができません。

IEをサポートしていないのであれば試してみることの1つは、CSSの列です。あなたのルールを削除して、代わりに以下を使用してください。

#parentElement { /* selector to the parent of your dl's */ 
    column-count: 2; 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
}