Question

我应用了位置：固定到我的网站页脚，它在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>

我非常感谢任何帮助。谢谢！

Answer 1

我认为你可能会与bootstrap类发生冲突。也许你可以添加

position: fixed !important;

在css中覆盖bootstraps样式

固定位置无法在Chrome中使用

1 个答案: