HTML / CSS макет вопроса - PullRequest
Новая
       4

HTML / CSS макет вопроса

0 голосов
/ 01 мая 2010

Мне просто нужна небольшая помощь с CSS-макетом, если вы не против.

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

У меня есть элемент <body> страницы, который я бы хотел видеть 100% в окне браузера, очевидно.

Тогда у меня есть два <div> элемента, которые я бы хотел сложить друг на друга, но уловка в том, что мне нужно нижнее <div> (меню, которое действительно должно быть фиксированная высота) для определения высоты верха <div>.

Есть ли способ выложить это в CSS?

Ответы [ 2 ]

2 голосов
/ 01 мая 2010

Я предполагаю, что вы хотите, чтобы высота первого <div> имела высоту <body> минус секунда <div>.

Если вы используете проценты в своих макетах, вы можете сделать так, чтобы один имел высоту 90%, а другой - 10%.

Но если вы используете размеры в пикселях, вам нужно использовать javascript. В CSS 2 нет способа определить высоту путем вычитания. Вы можете использовать offsetHeight, чтобы получить высоту пикселя элемента, и style.height, чтобы установить высоту другого.

0 голосов
/ 01 мая 2010

Если вы хотите, чтобы нижняя часть <div> всегда была прикреплена к нижней части области просмотра независимо от высоты верхней части <div>, установите для position значение fixed. Э.Г. 

#menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
}

Иначе, если вы хотите расширить верхнюю часть <div> до нижней части страницы, если ее содержимое меньше, чем общая высота области просмотра, т. Е. Метод «липкого нижнего колонтитула», тогда посмотрите здесь 1010 * или здесь .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...