przewiń do treści

HTML, XHTML i CSS. Praktyczne projekty. Wydanie II

Włodzimierz Gajda

div  {
    background: #e0e0e0;
    border: 1px solid black;
    width: 300px;
    height: 200px;

    position: relative;
}
#s1 {
    background: black;
    color: white;
    padding: 10px;

    display: block;
    position: absolute;
    left: -20px;
    top: -13px;
}
#s2 {
    background: black;
    color: white;
    padding: 10px;

    display: block;
    position: absolute;
    left: 280px;
    bottom: -60px;
}

...

<div>
    <span id="s1">Pierwszy</span>
    <span id="s2">Drugi</span>
</div>

Listing 19.9. Elementy pozycjonowane kontekstowo mogą wystawać poza obszar rodzica

Rozdział 19. Zaawansowane metody pozycjonowania elementów blokowych

listing-19-09.txt