html - 正文内容被导航栏吃掉

标签 html css navigation navbar

我已经在 SO 上寻找了其他应该回答这个问题的答案,但我很难找到相关的帮助。

在我的网页上,我有两个导航栏,顶部和底部各一个。我的问题是我的“ body ”被两个导航栏吃掉了。我更希望将内容缩放到每个导航栏的边缘,而不是延伸到其中。

示例代码可以在这个 fiddle 中看到: http://jsfiddle.net/qLjcao3p/

感谢您的帮助。

最佳答案

您的内容显示在页眉和页脚下方的原因是页眉和页脚具有固定位置。渲染页面时不会考虑这些元素空间。因此,将生成内容,就好像导航不存在一样。

按照建议添加边距将通过提供额外的空白来解决问题,这样您就可以从头到尾滚动内容。

您使用的是 jQuery 移动吗?

关于html - 正文内容被导航栏吃掉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33639304/

相关文章:

css - 将 Waze 按钮添加到移动网站

javascript - 随机播放HTML中播放的音频

css - H3的百分比宽度

css - 保持元素处于事件状态,直到页面重新加载而忽略 mouseout

java - 在 HTTPS 上使用重定向的 JSF 导航规则问题

php - 减少 MySQL 购物车中的商品数量

css - HTML5 - 如何在顶部对齐两个不同高度的 Canvas ?

javascript - 通过拖动使 d3 div 可调整大小

javascript - 滚动到 div 的底部

html - 调整屏幕大小时,导航菜单无法正确响应