Come impedire a un elemento figlio di tagliare se l'overflow del genitore non è visibile?

Question

Dopo aver assegnato un overflow con un valore diverso da visible, tutti i relativi elementi figlio verranno ritagliati. È lo scopo della proprietà di overflow. Tuttavia, devo fare in modo che uno degli elementi figlio sia "fluttuato" e non troncato (come un popup) - solo uno di essi; non tutto. È possibile?

Prendere come esempio. C'è qualche impostazione CSS che non ritaglia il div giallo, mentre ritaglia l'elemento blu? (Attualmente sono entrambi tagliati)

<div style="position:absolute;width:100px;height:50px;overflow:hidden;border:1px solid black"> 
<div style="top:30px;width:50px;height:100px;background:yellow"> 
</div> 
<div style="position:absolute;left:50px;top:0;width:50px;height:100px;background:blue"> 
</div> 
</div> 

Il codice può essere trovato anche http://jsfiddle.net/kZBxD/

Answer 1

provare il violino sotto: il div gialla galleggia al di fuori e blu div è dentro come per il necessario.

http://jsfiddle.net/kZBxD/2/

Answer 2

Avete bisogno di qualcosa di simile:

controllo questo violino: http://jsfiddle.net/kZBxD/3/

<div style="position:absolute;width:100px;height:50px;overflow:hidden;border:1px solid black"> 
<div style=" position:fixed;width:50px;height:100px;background:yellow"></div>