Can overflow be different for two divs? _html/css_WEB-ITnose

I want to write a pop-up box.

The outermost div is the frame that controls the overall size, and the overflow is scroll, which can only display two rows of content at a time.

The div inside has three rows of buttons. Sliding the mouse over the buttons will reveal the hidden third layer of divs.



Here comes the problem: Since the overall frame can only display two rows of buttons, the overflow needs to be set to scroll.

But according to the needs, the third layer of divs will pop up. It should be suspended above the first two divs rather than displayed inside the frame.

Do you guys have any good ideas? Urgent request.

Let me know if you need code.

Reply to discussion (solution)

I don’t quite understand what you mean

Take it out of the document flow. position:absolute

Outermost setting position: relative; Pop-up third layer position: absolute; left:0;top:0;

Outermost setting position: relative; Pop-up Third layer position: absolute; left:0;top:0;
1