在CSS中将元素对齐到div的底部？

Question

我想知道如何在CSS中将元素与div的底部对齐。

这是我页面的屏幕截图： http : //prntscr.com/5ivlm8 （箭头表示我希望元素移至何处）

这是我的页面：

<?php include 'head.php'; ?>
<div class="wrap">
   <div id="base">
       <div class="infobox">
           <div class="title">
               Welcome to <?php echo NOM_SITE; ?>
           </div>
           <div class="time">Today is <?php echo date("d/m/Y") ?></div>
       </div>
       <div class="enter">
          Test
       </div>
   </div>
</div>

这是“ Enter” div CSS：

#base .enter {
    height: 40px;
    min-width: 60px;
    background-color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
}

Answer 1

#base元素需要定位。 使用position: relative #base上的position: relative （绝对或固定位置也可以）。

Answer 2

在这里，您将必须将id = base的div的位置设置为relative，以便enter div可以通过其左下角进行调整。 只需将以下内容包含到您的CSS中

#base
{
    position: relative;        
}

Answer 3

您应该在#base（parent）上使用Position：relative，它在父div中控制.enter（child div），

CSS：

#base{
position:relative;}
#base .enter{
position:absolute;
bottom:0;}

Answer 4

#base{
position:relative;
top:0;
left:0;
}

.enter{
position:absolute;
bottom:0;
top:100%;
left:0;
}