css - 溢出:隐藏,背景图像:封面、 anchor 和平板电脑

标签 css ipad overflow background-image sticky-footer

我正在创建一个不垂直滚动的页面。这是供引用的问题页面 - http://horizonwebtest.zxq.net/knowledgebase/

除以下两点外,它运行良好:

  1. 在 iPad(可能是其他平板电脑)上查看时,页脚会向上推约 10 像素,背景图片会显示在页脚下方。

  2. 更重要的是,在上面的链接页面上,当我单击 div 内 anchor 的链接时,它会向上滚动页面,显示页脚下方的空间并部分切断菜单。

有什么我想念的吗?

最佳答案

我能够通过执行以下操作来修复它:

1.) 将 .footer-left.fltlft div 内的 h6 设置为 margin-top: 20px;

2.) 从 div 本身移除 padding-top: 20px

3.) 在 .footer-right.fltlft div 内的 h5 上设置 margin-bottom:0;

作为旁注,让您的垂直文本以行高居中,效果会更好,并且有助于防止此类问题。

关于css - 溢出:隐藏,背景图像:封面、 anchor 和平板电脑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12031399/

相关文章:

ios - UIPageViewController 上的奇数页面

ios - 使用 React Native 打开 iOS iPad 模拟器

objective-c - iPad:UIModalPresentationFormSheet 在横向模式下失败

Jquery UI - 从显示中获取一个元素 :hidden element when dragging

jquery - 在溢出 :hidden element (jquery) 中查找最后一个可见的 li 元素

html - 如何在不切断内容的情况下垂直居中元素并处理溢出

html - 为什么 style 命令在 noscript 部分不起作用?

c - 执行多个for循环时出错

css - Bootstrap Card - 对齐卡页脚中的两个按钮

image - CSS 中图像的倾斜容器