- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Sat, 1 Jun 2013 23:24:57 -0700
- To: Netmosfera <netmosfera@gmail.com>
- Cc: W3C Style <www-style@w3.org>
On Fri, May 31, 2013 at 6:26 PM, Netmosfera <netmosfera@gmail.com> wrote: > hello, > > tooltips, flyouts, dropdowns are very common use cases for positioned > elements > but these are not actually possible when they are displayed inside a small > overflow:hidden element > > http://i.imgur.com/Iv22uqz.png > > <div style="overflow:hidden;background:menu"> <!-- tabbox scroll helpers --> > <a style="position:relative;"> > File > <ul style="background:menu;position:absolute;top:100%;left:0;"> > <li>Save</li><li>Save All</li><li>Close</li><li>This will not be > visible</li> > </ul> > </a> > </div> Why are you using overflow:hidden here? Are you floating the <a>s to make a horizontal bar, and need the <div> to contain them? Better to switch to Flexbox, which makes horizontal bars easy without these kinds of hacks. ~TJ
Received on Sunday, 2 June 2013 06:26:44 UTC