Pozycja absolutna i przepełnienie Ukryte

Mamy dwa Div-y, jeden wbudowany w drugi. Jeśli zewnętrzny DIV nie jest pozycjonowany jako absolutny, to wewnętrzny DIV, który jest pozycjonowany jako absolutny, nie spełnia przesłania ukrytego zewnętrznego DIV (Przykład ).

Czy jest jakaś szansa, aby wewnętrzny DIV posłużył się przepełnieniem ukrytym zewnętrznego DIV bez ustawiania zewnętrznego DIV na pozycję absolutną(przyczyna, która zniszczy nasz kompletny układ)? Również pozycja względna dla naszego wewnętrznego DIV nie jest opcją, ponieważ musimy "wyrosnąć" z tabela TD (exmple ).

Czy są jakieś inne opcje?

Author: Zardoz, 2011-01-05
Source

4 answers

Zrobić zewnętrzne <div> do position: relative i wewnętrzne <div> do position: absolute. Powinno zadziałać.

 227
Author: shankhan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-10-08 12:40:19

A co z position: relative dla zewnętrznego div? W przykładzie, który ukrywa wewnętrzną. Nie przesunie go również w swoim układzie, ponieważ nie określisz górnej lub lewej strony.

 24
Author: Tesserex,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-01-05 15:27:35

Element absolutnie pozycjonowany jest w rzeczywistości pozycjonowany względem rodzica relative lub najbliższego znalezionego względnego rodzica. Tak więc element z overflow: hidden powinien znajdować się pomiędzy relative A absolute pozycjonowanymi elementami: 

<div class="relative-parent">
  <div class="hiding-parent">
    <div class="child"></div>
  </div>
</div>

.relative-parent {
  position:relative;
}
.hiding-parent {
  overflow:hidden;
}
.child {
  position:absolute; 
}
 1
Author: Si7ius,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-05-17 09:54:55

Po prostu robisz div TAK: 

<div style="width:100px; height: 100px; border:1px solid; overflow:hidden; ">
    <br/>
    <div style="position:inherit; width: 200px; height:200px; background:yellow;">
        <br/>
        <div style="position:absolute; width: 500px; height:50px; background:Pink; z-index: 99;">
            <br/>
        </div>
    </div>
</div>

Mam nadzieję, że ten kod ci pomoże:)

 -4
Author: rochano,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-05-04 16:11:34