在我的网站上，我使用 Bootstrap v3.1.1，并且有一个粘性页脚，使用可以在此处找到的基本代码和样式 --> http://getbootstrap.com/examples/sticky-footer/
一切正常，直到我启用 Google 翻译插件 (translate.google.com/translate_tools) ...以下是示例 Google 翻译插件代码:
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'ACCOUNTNUM'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
添加 Google 翻译按钮后，页脚不再固定在底部，而是 float 在页面中间的同一位置。
有关如何纠正此问题的任何建议...如果可能的话，我希望在我的页面上添加粘性页脚和 Google 翻译插件。
谢谢， 尼尔
最佳答案
Google 翻译修改了 <html>标签的height风格，以及 <body>标签的position和min-height风格。为了解决这个问题，我修改了 css 文件以将它们重置为默认值:
html
{
height: auto!important;
}
body
{
position: static!important;
min-height: 0!important;
}
关于twitter-bootstrap - Google 翻译与 Twitter Bootstrap v3.1.1 粘性页脚冲突，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22704226/