CSS настроить размер родительского DIV, если Absolute Child DIV выходит за границы

Question

У меня есть родительский div, который имеет указанную ширину и высоту.Если у меня внутри есть дочерний элемент div, то есть за пределами границ, есть ли способ заставить родительский элемент div изменить размер в соответствии с дочерним элементом div?

EX:

<div style="width:500px; height:500px; position:relative;">
  <div style="width:300px; height:300px; position:absolute; top:250px;">
    Some Content
  </div>
</div>

Какв этом примере вы можете видеть, что дочерний div переполняет родительский div снизу на 50px.Я не хочу использовать переполнение: авто, потому что это просто создает полосы прокрутки.Я действительно хочу, чтобы родительский div корректировался и добавлял 50 пикселей в высоту, чтобы компенсировать дочерний div.

Answer 1

Проверьте это.

http://jsfiddle.net/jURc9/8/

Вы хотите оттолкнуть ребенка на 250px от вершины родителя, поэтому не используйте top:250px.Используйте margin-top:250px; и position:relative;