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?
4 answers
Zrobić zewnętrzne <div>
do position: relative
i wewnętrzne <div>
do position: absolute
. Powinno zadziałać.
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.
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;
}
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:)
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