Проблемы с несколькими столбцами CSS3 и содержимым переменной высоты - PullRequest
Новая
       12

Проблемы с несколькими столбцами CSS3 и содержимым переменной высоты

1 голос
/ 05 марта 2012

В настоящее время я работаю над прототипом, который использует многостолбцовый 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 для изменения высоты вручную.

1 Ответ

0 голосов
/ 05 марта 2012

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

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

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

...