Как сделать строку до конца страницы?

Question

Я использую загрузочную сетку для своего приложения wbe. Мне интересно, как я могу сделать строку до конца страницы - в случае отсутствия дополнительного контента. В другом случае, когда есть некоторый контент, я хотел бы, чтобы div растягивался как можно больше.

Спасибо!

Answer 1

Если вы хотите расширить div на полную высоту. Вы должны добавить height: 100% ко всем упаковщикам, содержащим div, включая сам div. Вот код.

<div class="row"> 
    <div class="full"> 

    </div> 
</div> 

и требуется CSS.

html, body, .row { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

.full { 
    background: pink; 
    height:100%; 
} 

Если есть container класс обертывание row то, что должно быть включено, а вместе с другими.

Адрес JSFiddle или Codepen. независимо от того, что вам нравится :-)