css – 将div放在屏幕的底部,而不是页面

前端之家收集整理的这篇文章主要介绍了css – 将div放在屏幕的底部,而不是页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在我的网页的屏幕底部放一个灰色的栏(无论什么分辨率)但是,当我尝试,似乎只是上升或下降,当我去一个不同的决议,任何方式来解决这个?

此外,该栏由使用div id标签的CSS制成

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

对不起,我不清楚,我希望它在屏幕的底部,但是当我向下滚动它上升

解决方法

如果你想要它在底部,始终在底部,你必须使用位置:固定.
你可以试试这个:
#info { 
    height: 40px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: #393838; 
    opacity: 1;
}

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

猜你在找的CSS相关文章