#d0 {
border: 1px solid purple;
position: static;
width: 250px;
}
Tutaj #d1 znajdowałby się, gdyby był pozycjonowany zgodnie z normal flow.
#d1 {
border: 2px solid green;
background-color: white;
position: relative;
width: 300px;
height: 200px;
top: 120px;
left: 210px;
}
position:
static |
fixed |
relative |
absolute;
#d2 {
border: 1px solid red;
position: static;
width: 400px;
}
#d3 {
border: 1px solid blue;
position: static;
width: 500px;
}
#d4 {
border: 1px solid yellow;
position: static;
width: 600px;
height: 1800px;
}