html - 固定底部栏在窗口较大时在下方留下间隙(响应式设计)

标签 html css responsive-design

我遇到了一个似乎无法用我的代码查明的问题。

我的页面位于 seamonkeymedia.co.nz/secondary.php

问题似乎只有在WINDOW HEIGHT较大时才会出现,您可以通过缩小页面高度并观察导航栏下方的间隙消失来尝试。

基本上,我需要将该底部栏固定到窗口的底部 - 几乎就像这是一个 iPad 应用程序一样。

任何建议都会有所帮助。我一直在研究所有容器元素的填充和边距,但这不应该是真正的问题。我在这里完全没有想法。

因为我使用的是样板和响应 - 在浏览器中查看我的代码要容易得多。如果这是一个问题,请原谅我。

最佳答案

#footer 元素的高度设置为 15%。这应该是 88px,因为这是背景图片的大小。

关于html - 固定底部栏在窗口较大时在下方留下间隙(响应式设计),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16247027/

相关文章:

html - 在 bootstrap 4 中将图像居中放置在导航标题中

javascript - Angular Material 选项卡滚动内容不起作用

html - Google Fonts 如何与 Outlook 2013 中的 HTML 使用react?

javascript - 刷新页面时 HTML 5 Web SQL 数据库事务提交或回滚

jquery - 页外滑动面板样式未按预期工作

html - 如何使用 flexbox 填充网格

javascript - 带 bxslider 的居中幻灯片轮播

html - 多行导航链接之间的空间不均匀

javascript - 刷新时 HTML/Javascript/CSS 可折叠菜单不会保持关闭状态

html - 响应式导航菜单