把一個div放在屏幕的底部，而不是頁面

我想在我的網頁的屏幕底部放置一個灰色條（不管是什麼分辨率）但是，當我嘗試時，它似乎只是向上或當我進入不同的分辨率時，有什麼辦法解決這個問題？把一個div放在屏幕的底部，而不是頁面

此外，酒吧是使用div ID標籤

/* HTML*/ 
<div id="info">Scroll for info</div> 
/* CSS */ 
#info { 
    height: 40px; 
    position: relative; 
    margin-top: 25%; 
    background-color: #393838; 
    opacity: 
}

對不起做出來的CSS的，我不是很清楚，我想這是在屏幕的底部，但後來當我向下滾動它上漲

來源

2013-11-28 Nikolas

嗨，請始終記住谷歌第一。查詢'把一個div放在屏幕底部，而不是頁面'會給你正確的答案（例如[窗口底部的div，而不是頁面]（http://stackoverflow.com/q/2371588） –

你可以嗎請提供一些代碼 – Domecraft

CSS：#info { \t高度：40像素; \t位置：相對; 邊距：25％; \t背景色：＃393838; \t不透明度： }？ – Nikolas

如果你想要在底部，並始終在底部，你必須使用position: fixed。你可以試試這個：

#info { 
    height: 40px; 
    position: fixed; 
    bottom:0%; 
    width:100%; 
    background-color: #393838; 
    opacity: 1; 
}

http://jsfiddle.net/rX4nd/1/

來源

2013-11-28 23:49:11 putvande

不應該有左側或右側的位置嗎？ –

右側是你可以設置右側：0％ –

如何將進入呢？

.someDiv { 
    position:fixed; 
    width:50%; 
    height:300px; 
    margin-left:-25%; 
    background:#063; 
    bottom:0px; 
    left:50%; 
}

來源

2016-04-25 01:11:46 MastaBaba

把一個div放在屏幕的底部，而不是頁面

回答

相關問題