1

私は現在、CSS3 マルチカラムを使用してコンテンツを分割するプロトタイプに取り組んでおり、うまく機能しているようです。私の問題は、列の一部であるブロック内に高さのセクションが拡張されていることです。Firefox では、CSS3 の複数列内の要素の高さが変更されると、要素が消えて Firefox がクラッシュします。

CSS3 の複数列は、内部のさまざまな高さのコンテンツを考慮に入れるべきではありませんか、それともそのようなことのために作成されていませんか? 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 を使用して手動で高さを変更した場合にも当てはまります。

4

1 に答える 1

0

基本的にこの質問を投稿することで問題を解決しました。他の誰かがこの問題に遭遇した場合に備えて、私の解決策は次のとおりです。

適切な CSS3 複数列コードを持つ親 div 要素がありました。内部要素は article 要素です (ただし、div を使用することもできます)。問題は、記事の内側の要素が左にフロートされていたことです (カラム化されたアイテムの外観を与えるために物をフロートしなければならないという純粋な習慣から)。浮動要素が CSS3 の複数列コードと衝突し、ブラウザがクラッシュしていました。

フロートが要素のレイアウトを変更するため、複数列のコードがボックスを再調整しようとして、無限ループに入ったと推測しています。何が起こったのか完全にはわかりませんが、複数列の div 内のフローティング要素などは悪いことです。

于 2012-03-05T05:56:56.030 に答える