Czy można umieścić DIV w stosunku do innego DIV? Wyobrażam sobie, że można to zrobić, umieszczając ją najpierw w referencyjnym DIV, a następnie używając position: relative. Jednak nie mogę wymyślić, jak to zrobić bez wpływu na zawartość referencyjnego DIV. Jak mogę to zrobić właściwie?Pozycja DIV względem innego DIV?
Patrz: http://jsfiddle.net/CDmGQ
Dzięki! =)
Pierwszy set position div dominującą relative (określenie offsetu, czyli left, top itd. Nie jest to konieczne), a następnie zastosować position: absolute do DIV dziecko z offsetu chcesz.
To proste i powinno dobrze poradzić.
[Exemple] (http://jsfiddle.net/CDmGQ/2/) –
To się udało, dzięki! :) Przyjmuję twoją odpowiedź tak szybko jak to możliwe. – Nathanael
Nie działa dla mnie. Działa tylko wtedy, gdy dodaję dopełnienie lub margines, a więc pozycjonuję drugi div poniżej pierwszego. –
Chcesz użyć position: absolute, podczas gdy wewnątrz drugiego elementu div.
'position: absolute' alone nie zadziała; określone przesunięcie będzie odnosić się do treści dokumentu, a nie do elementu nadrzędnego div (przynajmniej w wersji demonstracyjnej, którą podałeś). Zobacz moją odpowiedź. – rhino
Musisz ustawić stanowisko służbowe: krewnego zewnętrznej DIV i position: absolute wewnętrznej div.
Spróbuj tego. Oto Demo
#one
{
background-color: #EEE;
margin: 62px 258px;
padding: 5px;
width: 200px;
position: relative;
}
#two
{
background-color: #F00;
display: inline-block;
height: 30px;
position: absolute;
width: 100px;
top:10px;
}
można użyć position:relative; wewnątrz #one div i position:absolute wewnątrz #two div. you can see it
co robisz z szarym div z czerwonym div w tym przykładzie? – Rooster
Nie rozumiem pytania. Co masz na myśli mówiąc "bez wpływu na zawartość referencyjnego DIV"? Czy możesz podać obraz żądanego wyniku? –