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>

这是＆＃34;输入＆＃34; div CSS：

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

Answer 1

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

Answer 2

在这里你必须将div的位置设置为id = base到relative，这样enter div可以在左下方调整自己。只需将以下内容包含在您的CSS中

即可

#base
{
    position: relative;        
}

Answer 3

你应该使用位置：相对于#base（父），它控制.enter（子div）与父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;
}

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

4 个答案: