Переполняющий дочерний div внутри родителя расширяется родительский

У меня возникла эта проблема с div для комментариев, переполняющих его родительский. Я пробовал пару вариантов в CSS, но не имел успеха.Переполняющий дочерний div внутри родителя расширяется родительский

example

<div class="col-md-8 depos> 
    <div class="col-md-7 depo-cont> 
    <div class="depo"> 
     <h5>Marcio</h5> 
     <p>Vou de novo</p> 
    </div> 
    </div> 
<div class="col-md-5">Form here</div> 
</div>

Главная проблема пытается переполнить «Депо-прод» DIV расширяет нижнюю часть родителя. Любые идеи о том, как справиться с этим?

источник

2014-10-22 Onilol

Исправлено установление максимальной высоты дочернего элемента таким же, как у родителя (что естественно вызывает переполнение, когда содержимое превышает размер.)

.depo-cont{ 
max-height:500px; 
overflow:scroll;}

fix

источник

2014-10-23 04:01:02 Onilol

Если цель состоит в том, чтобы иметь фиксированную высоту на .depos контейнере, то вы могли бы сказать ему, чтобы прокрутить его содержимое, когда он становится слишком высоким:

.depos {overflow: scroll;}

Простой демо:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<style> 

.outer {height: 200px; width: 100px; overflow: scroll;} 

</style> 
</head> 
<body> 

<div class="outer"> 
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, et, officiis, molestiae, ea veniam esse nam enim eaque ad tenetur cum incidunt consectetur iste ullam eos veritatis cupiditate tempora consequatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, et, officiis, molestiae, ea veniam esse nam enim eaque ad tenetur cum incidunt consectetur iste ullam eos veritatis cupiditate tempora consequatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> 
</div> 

</body> 
</html>

источник

2014-10-22 22:18:13

Я пробовал это, но он увеличивает высоту div, содержащего форму! Мне нужна фиксированная высота для обоих и только прокрутка вклада – Onilol

Переполняющий дочерний div внутри родителя расширяется родительский

ответ

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