底部菜单的页脚清晰，文本贯穿其中答案

【问题标题】：Footer with bottom menu is clear and text is running through it底部菜单的页脚清晰，文本贯穿其中
【发布时间】：2014-10-21 11:25:40
【问题描述】：

我在页脚的页面底部有一个固定菜单。这很好，但是对于我网站上的文本太长而无法停留在首屏的页面，文本会直接穿过现在清晰的页脚。奇怪的是，菜单上的下拉菜单具有白色背景，而页脚中的其余菜单保持清晰。页面文本应在页脚上方完整滚动，并且页脚可以是白色而不是清晰的。这是网站上的一个页面，它显示了这一点：

http://lallabee.com/wordpress/?page_id=373

我用来固定底部菜单的代码是这样的：

body {
overflow: scroll;
}

#colophon {
bottom: 0;
font-size: 13px;
height: 35px;
position: fixed;
padding: 0 30px;
margin-bottom: 65px;
width: 100%;
}

我在 WordPress 中使用解码主题。

我们将不胜感激。

【问题讨论】：

您在使用哪个浏览器时遇到问题？它似乎可以在 Chrome 上运行。
感谢收看。我在页脚上放了一个白色背景，看起来不错，但文字在它后面消失了。也许在正文底部添加一些填充？有什么想法吗？
是的。如果您想要一个固定的底部页脚，并且不希望正文文本的末尾位于页脚后面，那么您需要在正文标签的底部添加与固定页脚高度相同的边距。跨度>

标签： wordpress menu footer

【解决方案1】：

感谢您的帮助！这是我最终得到的代码。我希望它可以帮助其他人。我增加了高度以使我的所有菜单按钮都出现在移动设备中。

body {
     overflow: scroll;
}

#colophon {
     background: white;
     bottom: 0;
     font-size: 13px;
     height: 57px;
     position: fixed;
     padding: 0 30px;
     margin-bottom: 0;
     width: 100%;
}

.entry-content {
     padding-bottom: 30px;
}

【讨论】：