Скрыть div внизу экрана?

Question

У меня есть DIV:

<div id="hide-me"> 
    <p>some content</p> 
</div> 

Как я могу использовать CSS позиционировать эту опцию в нижней части экрана, а затем я планирую, чтобы оживить его снизу вверх).

Answer 1

использование position:absolute

#hide-me { 
 
    position: absolute; 
 
    bottom: -99999px; 
 
}

<div id="hide-me"> 
 
    <p>some content</p> 
 
</div>

Answer 2

#hide-me { 
position: absolute; 
bottom: 0; 
margin-top: -30px; 
} 

Answer 3

Вы можете использовать абсолютное позиционирование:

#hide-me 
{ 
    position: absolute; 
    bottom: 0; 
    margin-top: -50px; 
} 

Но помните, чтобы установить высоту вашего элемента тела HTML & до 100%!

html, body 
{ 
    height: 100%; 
} 

Answer 4

Использование

margin-bottom:-999px; 

для относительно позиционированного DIV

или для абсолютного расположенного использования сНа

bottom:-999px;