Problem in combining dropdown menu with horizontal scrollable menu
Question
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.
1 answers
solution1
0 2011-01-09 09:35:17
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.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.