2017-06-01 122 views
-3

我已经在Firefox,Chrome和Safari浏览器在Mac上测试,但在这个页面的子菜单没有显示在悬停:子菜单不会显示在悬停

http://www.mickyvanhouten.nl

谁能告诉我是什么发生了什么?子菜单在那里,据我所知应该是可见的,但事实并非如此。

Thanx!

+1

你应该表现出一些代码,并解释你的问题有点。 –

+0

请提供一个小提琴或其他[最小,完整和可验证的示例](https://stackoverflow.com/help/mcve) –

+0

说实话,链接演示比在这里的部分代码片段或小提琴更好..问题很明显,子菜单没有显示,你可以删除他们的“display:none”,他们仍然不会在页面的任何地方看到。 –

回答

0

它#left-col-fix,它被设置为溢出-y:sroll - 但父母#header被设置为300px,因此子菜单正在显示,但是300px的左边距不显示在父母之内。

变化溢出-y以“看得见”来解决这个问题,就这样:

#left-col-fix { 
    display: block; 
    width: 300px; 
    height: auto; 
    z-index: 3001; 
    position: fixed; 
    box-sizing: border-box; 
    overflow-y: visible; 
    height: 100%; 
    min-height: 100vh; 
} 
+0

Thanx!问题解决了。 – Marc