Javascript &引用；浮动；父DIV底部的DIV不工作。（使用位置：rel、底部0等）

试图让一个DIV“浮动”到它所在DIV的底部。我已经在父div和kid上将位置设置为relative，在kid上将底部设置为0；但它仍然位于中间的顶部。 父分区：

.detailsContainer
{
    width: 100%;
    height: 30%;
    overflow: hidden;
    position: relative;
    background-color: blue;
}

儿童部

.obutton
{
    text-align: center;
    font-weight: bold;  
    width: 80%;
    height: 29px;
    background:rgba(204,204,204,0);
    position:relative;
    bottom: 0;    
    display: inline-block;
    color: #666;
}

当前实际设置：

                            <div class="detailsContainer">

                                <a href="javascript:unhide(\'BookDetails'.$row->BookID.'\');">
                                <div class="detailview"><b>Book Details<br></a></div>

                                        <div id="BookDetails'.$row->BookID.'" class="hidden">
                                            <table>
                                            <tr><td>Total Stock </td><td>'.$row->TotalStock.'</td>
                                            <td>Current Stock</td><td>'.$row->CurrentStock.'</td></tr>
                                            <tr><td>Awards </td><td>'.$row->Awards.'</td>
                                            <td>Film</td><td>'.$row->Film.'</td></tr>
                                            </table>
                                        </div> 

                        ';?>


                                <br><center><a href = "javascript:void(0)" 
                                onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
                                <div class= "obutton feature2">Reserve Book</div></a></center>                                
                                <div id="light2" class="white_content"></div>
                                <div id="fade" class="black_overlay"></div>                 
                            </div>

总库存“$行->总库存”
当前库存“$行->当前库存”
奖励“$行->奖励”
胶片“$行->胶片”
';?>

这是一个很大的帖子，但要确保没有干扰，你们可能会发现。它跳出了php的底部，如果您认为问题可能在其他地方，我将发布整篇文章

我试着把它做成一个JSFIDLE，但是php和变量太多了，当我去掉它的时候，它只有两个普通的div，已经失去了它的唯一性，这个问题可能已经被删除了

---

谢谢-汤姆

.obutton的位置必须是绝对的。。。让底部按您的预期工作。

.obutton位置必须是绝对位置。。。让底部按您的预期工作。

.obutton位置必须是绝对位置。。。让底部按您的预期工作。

.obutton位置必须是绝对位置。。。让bottom按照你的意愿工作。

哦，我真傻，谢谢你。虽然现在它不是集中的，嗯。哦，我真傻，谢谢你。虽然现在它不是集中的，嗯。哦，我真傻，谢谢你。虽然现在它不是集中的，嗯。哦，我真傻，谢谢你。虽然现在它不是集中的，嗯。