Выровнять элемент в нижней части div в CSS?

Question

Я хотел бы знать, как я могу выровнять элемент в нижней части div в CSS.

Вот скриншот моей страницы: 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 (абсолютная или фиксированная также будет работать).

Answer 2

Здесь вам нужно будет установить положение div с id = базовым относительно относительно, чтобы enter div мог отрегулировать себя с ним в левом нижнем углу. Просто включите ниже в ваш CSS

#base 
{ 
    position: relative;   
} 

Answer 3

вы должны использовать установки: относительно на #base (родителя) он контролирует (Введите желанную ребенка 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; 
}