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

Я решил, что проблема права в основном ставит этот вопрос, и мое решение было следующим: в случае, если кто-то другой столкнется с этой проблемой, и я считаю, что некоторые будут.

У меня был родительский элемент div с соответствующим CSS-кодом с несколькими столбцами. Внутренние элементы - элементы статьи (вы можете просто использовать div, хотя). Проблема заключалась в том, что элементы внутренней статьи плавали влево (просто из-за чистой привычки плавать вещи, чтобы придать виду столбчатых предметов). Элементы с плавающей точкой столкнулись с многоколоночным кодом CSS3, что привело к сбою браузера.

Я предполагаю, что, поскольку поплавок изменяет компоновку элемента, многоколоночный код пытался, возможно, перестроить окно, а затем войти в бесконечный цикл. Я не совсем уверен, что происходит, но плавающие элементы внутри многоколоночного div или что-то плохое.