隱藏屏幕底部的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;