html - div溢出问题

Question

我有一个外部div

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

包含一个div

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

内部 div 大于外部 div 的最小高度，我看到外部 div 没有缩放到内部 div 的内容。关闭内部 div 的底部内容。

如何定义外部(或内部)div 以垂直缩放到(内部 div 的)内容

谢谢

Answer 1

@特拉舍；这是可能的，但你已经添加了额外的标记，因为当你给一个子 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>