把一个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放在屏幕的底部，而不是页面

回答

相关问题