2015-08-13 2 views
0

Итак, для основного вопроса Сделать колонтитул клюшку нижней есть классическое решение: обернуть все в div с position:relative и min-height:100%. Как этот урок here.Сделать колонтитул палку донизу без мин-высоты: 100%

Проблема возникает здесь: внутри оболочки у меня есть некоторые divs, для которого мне нужно высоту в процента: height:70% к примеру. Чтобы получить это, мне нужно, чтобы wrapper div имел height:100%, а не min-height:100%.

Итак, как я могу сделать нижнюю часть нижней доски и все еще иметь внутренний div s с height в процентах?

+0

Рассматривали ли вы, что будет происходить с содержанием, когда экран слишком коротка? – zzzzBov

+0

вы можете использовать 'position: fixed; bottom: 0;' для вашего нижнего колонтитула. – Lal

+0

@Lal, если я это сделаю, для действительно длительного содержимого нижний колонтитул будет перекрываться с контентом –

ответ

1

Две вещи, которые я бы изменил, это удаление нижнего колонтитула изнутри обертки. Затем я также удалю height: 100% для обертки. Установка высоты до 100% приводит к тому, что высота равна длине высоты окна просмотра (высота экрана, а не вашей веб-страницы).

Существует ещё несколько вопросов, но те две основные из них я заметил от глядя на свой веб

Смежные вопросы