2. Start
  3. Nauka
  4. Materiały dodatkowe
  5. CSS
  6. 11c. position: relative
Materiały dodatkowe
CSS

11c. position: relative

Kod HTML i CSS Wynik działania
position: relative 
<style>
    #demo1{
        position: relative;
        border:1px solid blue
    }
<style>
<div id="demo1">
    Zawartość DIV id="demo1"<br />
    pozycjonowanie absolutne
</div>
Zawartość DIV id="demo1"
pozycjonowanie relative (stałe / ustalone)
position: relative - wpisujemy wartości left i top 
<style>
    #demo2{
        position: relative;
        border:1px solid red;
        top: 20px;
        left: 30px;
    }
<style>
<div id="demo2">
    Zawartość DIV id="demo2"<br />
    pozycjonowanie absolutne
</div>
Zawartość DIV id="demo2"
pozycjonowanie relative (stałe / ustalone)
Rating:
( 1 Rating )

Menu