positioned in the flow of content
absolute ensures that the positioning of an
element doesn’t impact other
content
fixed positions an element in relation to
the browser window and stays in
the same place
initial sets this property to its default
value
inherit inherits this property from its
parent element
An absolute position of an element it means that it is positioned
relative to the nearest ancestor.
<!doctype html>
=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet
felis. Integer sit amet diam. Phasellus ultricesviverra velit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet
felis. Integer sit amet diam. Phasellus ultrices viverra velit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet
felis. Integer sit amet diam. Phasellus ultrices viverra velit.
The origin (0,0 coordinate point) is the upper left corner of the
window or object that contains the element positioned absolutely.
#col1 {
position: absolute;
bottom: 100px;
right: 100px;
background-color: lightskyblue;
}
#col2 {
background-color: yellow;
}