Высота блока подстраивающаяся под контент?

Question

[Игорь Мезенцев]

Верстаю сайт на бутстрапе и возник вопрос.
Левый сайдбар "плавающий", его высота равна высоте экрана, с этим проблем нет.
Следующий сайдбар это меню с кучей исполнителей, работающее по принципу табов. То есть выбирая в меню исполнителя меняется только контент в самом правом блоке.
Так вот вопрос в следующем: как видно на 1 и 2 скрине контент разный по высоте, следовательно указывать для блока с контентом фикс. высоту не вариант, так как контент попросту не влазит.
Как сделать чтобы высота была резиновой, и снизу от последней части контента был всегда фикс. отступ, скажем, в 50 пикселей.

Comments

[Cyber_bober]

а какое позиционирование у блок? Если relative - то в чем проблема? он и будет автоматически тянутся по высоте. чтобы сделать отступ снизу, надо контейнеру 3го блока добавить padding-bottom:50px;

[Игорь Мезенцев]

Cyber_bober: то есть просто нужно выставить блоку position: relative? Не помогает

[Cyber_bober]

Игорь Мезенцев: а как вы его позиционируете? у вас скроллинга нет у 3 блока?

[Игорь Мезенцев]

Cyber_bober: именно у к блока с контентом нет, у меня 3 колонки в row, через бутстрап, ну или я чего-то не понимаю

[Cyber_bober]

Игорь Мезенцев: выложите код где-нибудь, очень сложно ванговать

[Игорь Мезенцев]

Cyber_bober: если весь проект скину, пойдет?

[Cyber_bober]

Игорь Мезенцев: да как угодно, только не рар архивом) выложите куда-нибудь в песочницу или на хостинг

[Игорь Мезенцев]

Cyber_bober: codepen.io/spyrofunk55/pen/oxpdPE правда в просмотрщике полный капец :D

Answer 1

[Cyber_bober]

К блоку надо добавить overflow:scroll тогда у вас может быть фиксированный размер блока, а контент внутри будет прокручиваться.

.href-target {
    background: #ffffff none repeat scroll 0 0;
    height: 1350px;
    overflow: scroll;
}

Если вы собираетесь подгружать контент по ссылке посредством show/hide то это жесть)

Comments

[Игорь Мезенцев]

то есть без скролла внутри блока тут не обойтись?

[Cyber_bober]

Игорь Мезенцев: а как вы это представляете? ну можете сделать следующее: левый блок position:fixed; средний блок position:fixed а список артистов в нем скроллируется, правый блок использует нативный скролл страницы.

Answer 2

[Виталий Бобров]

Для начала попробуйте обходится без бутстрапа что бы научится css )

Comments

[Игорь Мезенцев]

это курсач, мне не принципиально как верстать, в будущем вряд ли этим заниматься буду)