CSS: нижнее украшение страницы и высота тела

Question

Существует макет с центральным блоком «страница», который имеет левое, правое и нижнее фоновые украшения (светло-зеленые растения на зеленом фоне).

Пример page

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

Вы можете изменить высоту блока «страница» на что-то высокое, как 1000px или больше, чтобы увидеть проблему.

Хотелось бы, чтобы полное украшение нижнего уровня было видно только на коротких страницах, где под страницей много места (например, на первом плане). А на длинных страницах должен оставаться минимальный зазор высотой 20 пикселей.

Вскоре, он должен быть виден только на оставшемся пространстве, не продлевают страницу по его собственной высоте

Я уверен, что это возможно, но я застрял

Благодаря

Answer 1

Найдено решение, простое исправление

.wrapper {overflow: hidden; min-width: 1000px; } 

Вот результат:

http://62.90.136.69/resultbottomdecor.html 

Thanks