溢出工作在chrome / android但不在IE / Firefox中

时间:2015-06-15 18:30:32

标签: css

在Chrome / Android中呈现时,网站按预期显示,但在IE / Firefox中会出现一些垂直滚动条。简化代码:

CSS

<html>
<body>
<div class="menu">
<div class="container">
<div class="links">

HTML结构

{{1}}

我希望我复制了足够的代码来显示问题。如果需要,我可以链接网站。

这个想法是让链接div可以垂直滚动但不显示滚动条。

修改:这里是完整的代码:http://www.jcml.pt

Edit2 :我能够修复它(但是在我的回答中可以看到另一个问题)。

2 个答案:

答案 0 :(得分:0)

嗯......

 overflow-y: scroll;

表示如果内容在y轴(垂直)上溢出,则显示滚动条。听起来这就是你所看到的。并且这段代码有效! (LOL)

尝试调整发生这种情况的元素(或父元素)的height:,在IE或Firefox中可能需要更多像素的空间来显示垂直空间中的所有内容;浏览器呈现/读取的方式略有不同(特别是定义为100%或自动)

然后移除overflow-y: scroll;将其留空或声明overflow-y: auto;,或者如果仍有问题,请尝试定义height像素或使用{{1}声明max-height:如果您的仍然有问题,请尝试更新您的问题,以便我们完全理解并提供JSfiddle演示和/或屏幕截图。

答案 1 :(得分:-1)

由于它在Chrome上运行,我认为我正朝着正确的方向前进并搜索更多内容并找到了这个方案: http://blogs.msdn.com/b/kurlak/archive/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and-safari.aspx

我能够通过创建两个容器而不是一个容器来解决问题(但现在它根本不滚动 - 我以后必须处理的事情)。代码可以在这里看到:http://www.jcml.pt/3