固定将Div的顶部定位到父div的底部

Question

我在定位div方面有一个有趣的问题。

我使用相对绝对定位将子div b定位在父div a中。我知道如何定位它们的底边对齐，使用底部：0px，但我需要它们的位置，以便B的顶部与A的底部对齐，如下图所示。

有没有办法在CSS中这样做，因为我无法确定B的高度。我当前的CSS在下面。

目标 -

HTML -

<div id="a">
     <div id="b"> </div>
</div> 

CSS -

#a{
   position: relative;
}

#b{
   position: absolute;
   bottom:0px;
}

Answer 1

我认为你是在top: 100%之后：http://jsfiddle.net/ysafx/

#a {
    position: relative;
    outline: 1px solid red
}

#b {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 5px;
    outline: 1px solid blue
}

Answer 2

如果您不知道身高，

您必须编写如下代码：

CSS：

#a {
   position: relative;
   background: black;
   color: #fff;      
}

#b {
   position: relative;
   background: blue;
   color: #fff; 
}

HTML：

<div id="a">
    // Your code inside a
</div>
<div id="b">
    // your code inside b
</div>

参见演示：http://jsfiddle.net/rathoreahsan/cKsVK/