I am trying to show dropdown menu inside horizontally long menu. For this purpose, i combined the script of displaying scrollable menu and dropdown menu together. But in this case, dropdown 开发者_运维百科menu is not popping out from the scrollable menu container.
Please review this example. And suggest about what css property i can set.
Your problem is that you have overflow: hidden
on the div.sc_menu
. You're telling the browser to clip any child element that tries to render outside the div.sc_menu
. The solution is to drop the overflow: hidden
.
If you're using overflow: hidden
as a clear-fix then you'll have to clear your floats explicitly.
If you can't clear your floats by hand and thus need to keep the overflow: hidden
, then you could make try making the popup menu a child of <body>
and then position it by hand on the appropriate hover event; you wouldn't be able to use the standard sucker-fish techniques in this case, you'd have to emulate sucker-fish in JavaScript.
精彩评论