2015-02-22 2 views
0

сайт:Разверните элемент вертикально, чтобы заполнить

Как я могу получить его так section и aside элементов заполнить вертикально и скрыть желтый фон?

В принципе, я не хочу, чтобы желтый фон когда-либо показывался.

Это нормально, чтобы растянуть все по вертикали, чтобы сделать это, или, если у меня есть выбор, с div с идентификатором table стрейч и aside.

Предпочитаете только css, но будут принимать решения javascript/JQuery.

+0

Для меня, это работает, добавляя 'высота: 100%' до * HTML *, * раздел *, а * в сторону *, а затем 'высота: известково (100% - 50px); 'to * # bounds * –

+0

Простой, пожалуйста, отметьте его как ответ, чтобы я мог его одобрить. – ParoX

ответ

0

Попробуйте добавить этот CSS-код:

html, body, aside, section { 
    height:100%; 
} 

#bounds { 
    height:-webkit-calc(100% - 50px); 
    height:-moz-calc(100% - 50px); 
    height:-o-calc(100% - 50px); 
    height: calc(100% - 50px); 
} 
+0

Поскольку я пытаюсь заставить его выглядеть относительным во всех браузерах, я в конечном итоге переключил свой нижний колонтитул с 50 пикселей на 7%, а затем просто использовал 93% для 'bounds', но хорошо знать, что css может делать calc! – ParoX

+0

Да, calc очень удобно иногда. Помните, что это поддерживается примерно 82% браузеров, что означает, что он не поддерживается в некоторых менее популярных и старых браузерах (http://caniuse.com/#search=calc). –

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