如果Absolute Child DIV超出边界,CSS调整父DIV大小

时间:2011-03-04 01:17:11

标签: css html relative absolute

我有一个父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。我不想使用overflow:auto,因为它只是创建滚动条。我真的希望父div调整并添加50px的高度以补偿子div。

1 个答案:

答案 0 :(得分:3)

检查一下。

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

您希望将孩子从父母的顶部向下推250px,所以不要使用top:250px。使用margin-top:250px;position:relative;