css - 绝对定位的子 div 扩展以适合父级？

Question

无论如何，绝对定位的子级是否可以扩展以填充其相对定位的父级？ ( parent 的高度不固定)这是我所做的，它适用于 Firefox 和 IE7，但不适用于 IE6。 :(

<div id="parent">
    <div id="child1"></div>
</div>

#parent { position: relative; width: 200px; height:100%; background:red }
#child1 { position: absolute; top: 0; left: 200px; height: 100%; background:blue }

Answer 1

这很简单。诀窍是同时设置 top: 0px 和 bottom: 0px

这是工作代码

html, body {
    width: 100%; 
    height: 100%; 
    overflow: hidden;
}

#parent { 
    display: block;
    background-color: #ff0;
    border: 1px solid #f00;
    position: relative; 
    width: 200px; 
    height: 100%;
}
#child1 { 
    background-color: #f00; 
    display: block;
    border: 1px solid #ff0; 
    position: absolute; 
    left: 200px;
    top: 0px; 
    bottom: 0px;
}

在这里查看一个工作示例 http://jsfiddle.net/Qexhh/