当图像向右浮动时 Superfish 菜单出现溢出问题
我正在开发一个覆盖 100% 屏幕的 superfish 菜单。我需要将图像浮动到我的 superfish 菜单的右边缘。该图像下方有一个下拉菜单。我的问题是右侧溢出，这导致整个视图屏幕上出现空白。所以，我的问题是......我需要做什么来纠正这种溢出？我尝试隐藏溢出，但我的下拉菜单没有显示。我还需要支持IE7。这里有太多代码要粘贴，所以我创建了一个 JS Fiddle。
感谢任何帮助。
I am working on a superfish menu that stretches across 100% of the screen. I need to float an image to the right edge of my superfish menu. This image has a dropdown beneath it. My problem is that I am getting overflow on the right hand side, which is causing empty whitespace down the whole view screen. So, my question is... What do I need to do to correct this overflow? I tried hiding the overflow, but then my dropdown doesn't show. I also need to support IE7. There is too much code to paste here, so I have created a JS Fiddle.
Any help is appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
问题是您仅在悬停时减去子导航的宽度（CSS 的第 317 行），因此子导航在正常休息时被推到文档的右侧。如果您将该定位切换到初始规则（并添加额外的 em），问题就可以解决：
演示
The problem was that you were subtracting the width of the subnav (line 317 of your css) only on hover so the the subnav was pushed to the right side of your document when resting normally. If you switch that positioning to the initial rule (and add an extra em) the problem is solved:
Demo