CSS/JavaScript - contenido fuera de un elemento con desbordamiento: oculto

Question

Tengo un elemento div contenedor que tiene overflow:hidden en él. Lamentablemente, se requiere esta propiedad debido a la forma en que se crea el sitio.

Dentro de este div se encuentra todo el contenido del sitio, incluidas algunas sugerencias. Estas sugerencias de herramientas se muestran con jQuery cuando pasa el mouse sobre un enlace o algo.

El problema es que algunos de estos sobre herramientas mostrará parcialmente oculto porque de lo desbordamiento anterior, debido a que están posicionados fuera del contenedor div ...

¿Hay alguna manera de poder mostrar un elemento específico desde el interior de este contenedor, incluso si está fuera de sus límites? Tal vez una solución de javascript?

el HTML se parece a esto:

<div style="overflow:hidden; position:relative;"> 

    the main content 

    <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div> 

</div> 

Answer 1

probar esto:

<div style="position:relative;">  
    <div style="overflow:hidden; position: relative; width: {any}; height: {any};">the main content<div>  
    <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>  
</div> 

sólo tiene que colocar su contenido principal a otro dentro de la div div principal y dan proporcionado CSS para ocultar el contenido si desbordante ...

Answer 2

si overflow: hidden es contener los flotadores, a continuación, hay otras formas que permitan a la información sobre herramientas no se borre. mirar clearfix enemigo: tras