DIV溢出问题

Question

我有一个外层div

position: relative; 
overflow: hidden; 
min-heigth: 450px; 

含有一个div

position: absolute; 
top: 10px; 
right: 10px; 

内的div比外div的最小heigth做大我看到外层div是不缩放到内部div的内容。关闭内部div的底部内容。

我如何定义外（或内）的div垂直扩展到内容（内部的div）

感谢

Answer 1

@trascher;这是可能的，但你添加额外的标记，因为当你给一个孩子div absolute position那么它的父div不认为它的高度。

入住这http://jsfiddle.net/sandeep/6UksD/1/

CSS：

#outer 
{ 
    position: relative; 
    min-height: 450px; 
    background:red; 
    margin:10px 0 0 10px; 
    width:200px; 
    overflow: hidden; 
} 
#inner 
{ 
    position:relative; 
    background:black; 
    height:600px; 
    width:100px; 
    margin:10px 0 0 10px; 
    float:left; 
} 
#abinner 
{ 
    position:absolute; 
    background:yellow; 
    height:100%; 
    width:100%; 
} 

HTML：

<div id="outer"> 
    <div id="inner"> 
     <div id="abinner"></div> 
    </div> 

</div> 

Answer 2

首先在你的外层div删除min-height，然后，而不是绝对的放置内部的一个，在外部放置一个10px的填充。

#outerDiv { 
    position:relative; 
    overflow:hidden; 
    padding:10px; 
} 

#innerDiv { 
    /*Stuff*/ 
} 

向我们提供，虽然一个例子，这是很难看到的场景...

Answer 3

这里的东西

<div id="outer"> 
    <div id="inner"></div> 
</div> 

#outer 
{ 
    width:300px; 
    height:auto; 

} 
#inner 
{ 
    width:200px; 
    height:300px; 

} 

我觉得这是你想要的东西：http://jsfiddle.net/anish/ZjQTt/

根据你的意愿设置内容高度，外部div自动扩展。

Answer 4

绝对定位不会增加它的高度的父元素。

1. 你要么设置外层div的高度手动
2. 你让内div来有你增加使用javascript外div的高度距顶部/左10px的
3. 。