Как сделать div высотой 100%?

Question

[Billy Milligan]

Пытаюсь сделать колонку высотой 100%, не выходит, использую bootstrap 3.

jsfiddle.net

lside - должен быть до футера, ну никак не получается у меня это сделать...

Answer 1

[Евгений]

margin: 0 0 -20000px;
padding: 0 0 20000px;

Обертке overflow:hidden;

Comments

[Billy Milligan]

@Zyzz , спасибо работет =) , а что если высота больше 20000?
у меня в main подгружаются посты как в ВК и теоретически это вполне реально.

[Евгений]

@Billy_Milligan Все будет работать, ты высоту не задаешь, а отступы остаются.
набросал за минуту пример: jsbin.com/OsATAVaS/1/edit

Answer 2

[Krasnorepov]

min-height: 100vh;

Comments

[Billy Milligan]

@Krasnorepov , все блоки сделал. Задаёт высоту равную высоте экрана

[Krasnorepov]

Так точно, я почему-то подумал, что это и нужно :(

Answer 3

[Par Mactep]

lside у вас как раз до футера. Что не так то?

Comments

[Billy Milligan]

@parmactep , как до футера?Может вы не внимательно посмотрели?

[Par Mactep]

ан нет. таки неправильно посмотрел. Просто jsfiddle отобразил контент вот так вот clip2net.com/s/6q9Eex

Answer 4

[Михаил Шатилов]

Вроде все работает.

Вот интересно. Это вы сторонник использования фрейма, или заказчик?
Имхо, гипер-мега-безумно глючит на некоторых нетбуках или планшетах/телефонах.

Comments

[Billy Milligan]

@iproger ,
Я =)
В примере подключил оригинал, а так я его основательно перекопал и очень много ненужного выкинул.

Answer 5

[GreatRash]

Именно используя бутстрап этого нельзя сделать. Раз уж вы используете бутстрап 3, значит логично предположить, что вас не интересует ИЕ7, а зачит вы можете использовать display: table; для контейнера и display: table-cell; для внутренних колонок. Этим самым вы установите одинаковую высоту для них.

codepen.io/GreatRash/pen/dmnCe

Comments

[Billy Milligan]

@GreatRash , вы правы ie7 не интересует. Добавил .row {display: table;} так как col'ы там , а у col-#-# и так в TB3 установлено display: table-cell; , но это не дало результатов =(

[GreatRash]

Но мой же пример работает.

[Billy Milligan]

@GreatRash , если окно меньше 768px то да. Может гляните, а то я уже совсем %)

jsfiddle.net/Billy_Milligan/TV967/13

[GreatRash]

Читайте внимательно, что я вам написал: "Именно используя бутстрап этого нельзя сделать".

Answer 6

[Николай Васильчук]

Читайте, изучайте

Comments

[Billy Milligan]

@Anonym , делал с table-row и table-cell, результат нулевой, как было так всё и осталось.

[Николай Васильчук]

Читайте еще раз, там всё доступно написано.