Html CSS3多列和可变高度内容问题

我目前正在开发一个原型，该原型使用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手动更改高度，也会出现这种情况。

我解决了这个问题。我基本上发布了这个问题，我的解决方案如下，以防其他人遇到这个问题，我相信一些人会遇到

我有一个具有适当CSS3多列代码的父div元素。内部元素是article元素（不过可以使用div）。问题在于，内部的article元素被向左浮动（纯粹是出于必须浮动内容以提供列化项目的外观的习惯）。浮动元素与CSS3多列代码冲突，从而导致浏览器崩溃

---

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

需要查看您的代码或测试页面。我刚刚解决了这个问题，事实上，这种情况经常发生。我应该把它作为一个答案还是仅仅关闭这个问题？如果你觉得这个答案对任何人都没有帮助（例如，你的代码中有一个愚蠢的错误），我可以帮你关闭它。这不是因为任何错误，更多的是对CSS3多列应该如何工作的误解，以及其他人可能遇到的一个。谢谢BoltClock。如果你觉得发布一个答案会帮助那些可能与你有相同误解的人，我鼓励你发布：）否则，继续并升起一面旗帜。发布一个工作示例？即使删除了float，我仍然存在这个问题。注意：没有浮动。