How to pin a window to the parent's parent?

Question

css

There is a structure like this:

<div class="row">
    <div class="col-4 child-1">Что-то тут</div>
    <div class="col-4 child-2"><button>Кнопка</button><div class="dropdown">Что-то тут еще</div></div>
    <div class="col-4 child-3">Что-то тут</div>
<div>

all child have position: relative and changing the property will not work, because the whole bootstrap layout will go
dropdown has position: absolute and is positioned, of course, relative to child-2
How to position dropdown relative to row?

Answer 1

It's easier to pull the desired block into the row wrapper and that's it than to invent a new scenario