przewiń do treści

HTML, XHTML i CSS. Praktyczne projekty. Wydanie II

Włodzimierz Gajda

div {
    border: 1px solid blue;
    margin: 10px;
}
#pozycjonowany {
    background: red;
    border: 5px solid black;
}

...

<body>
    <div>1 Lorem ipsum dolor sit amet...</div>
    <div>2 Lorem ipsum dolor sit amet...</div>
    <div>3 Lorem ipsum dolor sit amet...</div>
    <div id="pozycjonowany">4 Lorem ipsum dolor sit amet...</div>
    <div>5 Lorem ipsum dolor sit amet...</div>
    <div>6 Lorem ipsum dolor sit amet...</div>
    <div>7 Lorem ipsum dolor sit amet...</div>
    ...
</body>

Listing 19.1. Strona, która posłuży do zbadania wpływu właściwości position na układ elementów

Rozdział 19. Zaawansowane metody pozycjonowania elementów blokowych

listing-19-01.txt