is there a way to make `overflow:hidden` which wouldn't be applied for every child?

Little example:

```
<div class="parent" style="overflow:hidden; position: relative;">
   ...
   <div class="hidden" style="top: -50px"> AA </div> <!-- overflowed and hidden -->
   <div class="visible" style="bottom: -50px"> BB </div> <!-- overflowed and visible -->
   ... 
</div>

```

**I need to have 1 element, which will be visible even if it is overflowing.**