Absolut positionering - 3 px fra højre kant af parent
Jeg roder med at få placeret en to div'er i forhold til hinanden. HTML strukturen er:<div class="lvl2">
Noget tekst her
<div class="lvl3">
<div>Noget tekst</div>
<div>Noget tekst</div>
<div>Noget tekst</div>
<div>Noget tekst</div>
</div>
</div>
med følgende foreløbige css:
div.lvl2 {
border: solid 1px #ccc;
position: relative;
}
div.lvl3 {
border: solid 1px #ccc;
position: absolute
top: 4px;
}
Det er altsammen meget fint nu placerer lvl3 div'en sig 4 px under overkanten af lvl2 div'en. Problemet er at få lvl3 div'en til at placere sig således at venstre kant er 4 px til venstre for lvl2 div'ens højre kant, uden at kende bredden på lvl2 div'en. Jeg ønsker med andre ord at opbygge en alm kaskade menu i ren CSS.
Er der nogen der kan løse det under følgende betingelser:
- Løsningen må ikke være baseret på javascript.
- Løsningen må ikke gå ud fra at man kender bredden på lvl2 div'en
mvh
.Hauge