1

我目前正在开发一个原型，它使用 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 手动更改高度，情况也是如此。

4

1 回答 1

0

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

我有一个带有适当 CSS3 多列代码的父 div 元素。内部元素是文章元素（虽然你可以只使用 div）。问题是内部文章元素被向左浮动（只是出于必须浮动事物以呈现柱状项目外观的纯粹习惯）。浮动元素与 CSS3 多列代码发生冲突，从而导致浏览器崩溃。

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

于 2012-03-05T05:56:56.030 回答