0
A
回答
2
使用position:absolute
#hide-me {
position: absolute;
bottom: -99999px;
}
<div id="hide-me">
<p>some content</p>
</div>
2
#hide-me {
position: absolute;
bottom: 0;
margin-top: -30px;
}
1
您可以使用絕對定位:
#hide-me
{
position: absolute;
bottom: 0;
margin-top: -50px;
}
但要記住你的HTML & body元素的高度設置爲100%!
html, body
{
height: 100%;
}
2
使用
margin-bottom:-999px;
相對定位的div
或絕對定位的div使用
bottom:-999px;
相關問題
- 1. 在屏幕底部隱藏linearlayout,而列表視圖滾動
- 2. div不會伸展到屏幕底部
- 3. 固定div在手機屏幕底部
- 4. 將div的底部固定到屏幕底部(不是頁面)
- 5. 在響應式屏幕上隱藏div
- 6. 在屏幕上隱藏div ID
- 7. CirclePageIndicator屏幕底部
- 8. 底部tabBar隱藏
- 9. 隱藏屏幕睡眠
- 10. jquery屏幕隱藏/顯示
- 11. 隱藏Phonegap spash屏幕
- 12. 隱藏屏幕SVG元素
- 13. 在屏幕頂部和底部的LinearLayout
- 14. 從屏幕底部到屏幕頂部裁剪位圖150dp
- 15. 如何將div對齊到頁面底部,而不是屏幕底部
- 16. 如何正確定位屏幕底部的div?
- 17. 如何修復textarea到滾動div內的屏幕底部
- 18. 位於頁面或屏幕底部的位置div
- 19. 如何在屏幕的底部中心位置一個div
- 20. 部分在屏幕底部(安卓)
- 21. 通過CSS隱藏包含iframe的div底部
- 22. 位置div隱藏溢出的可見容器底部
- 23. Android AdMob屏幕底部的屏幕不工作
- 24. 如何使屏幕底部的uitableviewcontroller
- 25. 在屏幕底部有標籤的Android?
- 26. 黑莓 - 屏幕底部的加載欄
- 27. iOS admob堅持屏幕的底部
- 28. 底部的屏幕定位手機CSS
- 29. 固定在屏幕底部的按鈕
- 30. Android KitKat:Snackbar不在屏幕的底部
你可以用'邊距:-999px;' – Lal 2015-03-31 17:54:53
很多這裏位置的答案沒有考慮到你提到,你想動畫'#捉迷藏me' DIV賬戶從底部。如果應用2s動畫,那麼對於位於視口之外的'#hide-me' div和放置在視口之外的一個'-9999px'之類的結果,結果將會大不相同。 – hungerstar 2015-03-31 18:11:47
這裏是我上面提到的一個例子:http://jsfiddle.net/cwwx596x/。調整注意到的底部屬性。 – hungerstar 2015-03-31 18:18:02