If an absolute element has no height
specified,
we can make the element fill up the available
vertical space by specifying both top
and bottom
values.
Similarly, we can make the absolute element
fill up the available horizontal space by
specifying both left
and right
values when
width
is not specified:
Try changing the four offset values and see the absolute element auto adjust its width and height.
If both top
and bottom
values are specified for an element and the element is also provided a height
value, the element takes up the specified height, and ignores the bottom
property value. Similarly, when both left
and right
values are provided along with a width
value, the element takes up the specified width and ignores the right
property value: