隐藏屏幕底部的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 & body元素的高度设置为100％！

html, body 
{ 
    height: 100%; 
} 

Answer 4

使用

margin-bottom:-999px; 

相对定位的div

或绝对定位的div使用

bottom:-999px;