Html 固定位置，不在镀铬中工作

我应用的位置：固定到我的网站页脚，它在Firefox中工作，但在Chrome中它不是固定的底部。你能给我一些建议吗

.site-footer { 
background-color: #231F20;
padding-top: 20px;
padding-bottom: 30px;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px; 
}

<footer id="test" class="site-footer col-md-12">
    <div class="site-info">
        <div class="col-md-4">
    <a href="/contact" class="btn btn-contact">Contact</a> <a href="#" class="btn btn-about">Terms</a>
    </div>

        <div class="col-md-8">
            Copyright &copy; <?php echo date('Y');?> <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a> - <?php bloginfo('description'); ?>.<br />

        </div>          
    </div><!-- .site-info -->
</footer>

.site footer{
背景色：#231F20；
填充顶部：20px；
填充底部：30px；
位置：固定；
底部：0px；
左：0px；
右：0px；
}
版权所有&复制；-

---

我真的很感激你的帮助。谢谢大家!

我认为您可能与引导类发生冲突。也许你可以加上

position: fixed !important;

---

在css中，覆盖引导样式必须是其他的-代码对我来说很好：看起来对我来说很好我看到你在使用引导样式，可能有一个错误！Bootstrap风格之一的重要标签？您可以在元素检查器中查看其中一种样式是否被覆盖。它在Chrome中看起来很好。你是否设置了

html，body{height:100%；}

？在Chrome中，它不是固定的底部，而是固定在彩色div之后。我添加了！很重要，但这并没有解决问题。