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）。问题在于内部物品元素被左侧浮动（仅仅是出于纯粹的习惯，不得不漂浮物品以呈现柱状物品的外观）。浮动的元素与CSS3多列代码发生冲突，从而导致浏览器崩溃。

我猜测因为一个浮点数修改了一个元素的布局，所以多列代码试图重新调整该框，然后进入无限循环。我不完全确定发生了什么，但是多列div中的浮动元素或任何东西都很糟糕。