CSS для создания навигационной панели и телаHtml

Программисты Html
Ответить
Anonymous
 CSS для создания навигационной панели и тела

Сообщение Anonymous »

Я пытаюсь создать простое представление с HTML/CSS следующим образом:

. Нужно занять оставшееся пространство. Обе панели должны заполнить весь вид (100% высоты, меньше высоты заголовка).
Я могу получить то, что я хочу (примерно) со следующим HTML/CSS, но не уверен, что это лучший подход. Также я не могу найти метод, который позволяет телу заполнять оставшуюся высоту видового порта. < /P>


Navigation

Body



.navigation
{
display: inline-block;
width: 100px; /* this needs to be absolute */
height: 800px; /* want to avoid absolute and fill to bottom of viewport */
background-color: aqua;
}

.body
{
display: inline-block;
height: 800px; /* want to avoid absolute and fill to bottom of viewport */
width: 1820px; /* want to avoid absolute and fill to edge of viewport */
background-color: blue;
}
< /code>
Кроме того, надеясь, что кто -то сможет порекомендовать хороший ресурс в Интернете для изучения CSS /Mayouts.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... e-and-body
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»