如何使div保留在页面底部

时间:2013-10-04 03:36:24

标签: javascript css position

我想在页面底部放置一个小标签,用于联系我们 - 这应该在页面滚动时滚动,并且应该在IE的旧版本IE中工作。请参阅页面 http://www.goshti.com/testcode.html

有关如何解决此问题的任何建议。我的CSS或Javascript解决方案都很好。

2 个答案:

答案 0 :(得分:1)

您可以在元素上使用position:fixed

<body>
    <div class="tab">
        <a href="/contact-us">Contact Us</a>
    </div>

CSS:

.tab {
    position: fixed;
    bottom: 0px;
    right: 0px;
}

答案 1 :(得分:0)

你尝试过的位置:固定吗? 我不确定它是否适用于旧浏览器。

您可以将栏包装在相对div

#page-wrap { 
margin: 15px auto; 
position: relative; 
}

#bar {
position: fixed; 
bottom: 0px;
right: 0px;
}