CSS3の複数の列と可変高さのコンテンツの問題

Question

現在、コンテンツを分割するためにCSS3の複数の列を使用しているプロトタイプで作業していますが、うまくいくようです。私の問題は、列の一部であるブロック内に高さのセクションが拡大していることです.Firefoxでは、CSS3の複数列の要素の高さが変更されて消えてからFirefoxがクラッシュする場合があります。

CSS3のマルチカラムでは、内部のさまざまな高さのコンテンツを考慮してはいけませんか、それともそのようなことはしませんか？私は本当にColumnizerが正しく動作するように、バットの痛みであるため、Columnizerのようなプラグインを使用する必要はありません。

[DIV] 
    [CONTENT] - Default height is 38 pixels 
    [EXPAND LINK] - A link when clicked that modifies the height of content to be 52 pixels. 
[/DIV] 

問題は、すぐにリンクがクリックされるようになり、高さは、その後、それはそのレイアウトとポジショニング（0の高さと幅の変更）を失うように、それはだ、変更しています。ここ

は、レイアウトですFirefoxがクラッシュします。 Firebugを使用して高さを手動で変更する場合も同様です。

Answer 1

私は問題を解決しました。この質問を基本的に投稿しています。私の解決策は次のようになっていました。

私は適切なCSS3複数列コードを持つ親div要素を持っていました。内側の要素は記事要素です（あなたはdivを使うこともできます）。問題は、内部の要素が左に浮かび上がっていたということでした（ちょうど列飾りされたアイテムの外観を与えるために物を浮かべなければならないという純粋な習慣から）。 float要素がCSS3の複数列コードと衝突し、ブラウザがクラッシュしました。

フロートが要素のレイアウトを変更するため、複数列のコードがおそらくボックスを再調整し、無限ループに陥っていたと思います。私は何が起こったのかは完全には分かっていませんが、マルチカラムのdivや何かの内部の浮動要素は悪いです。