CSS3 Flexible Box Расположение и переполнение: авто;

Question

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

У меня есть демонстрационная версия с более подробной информацией: http://jsbin.com/ezazig (только Firefox)

Проблема height: 100%; не является проблемой, даже если я задаю .layout фиксированную высоту 500 пикселей, она все равно игнорируется.

Есть идеи, в чем проблема?

Answer 1

Вы не используете CSS3 гибкий макет коробки.Вы используете макет XUL, который отличается от того, как он себя ведет.Это действительно главная проблема ....