Absolute positioning: the 'auto' value

1. Only the positioned box

'top: auto' 'left: auto'

top: auto
left: auto

'top: auto' 'right: auto'

top: auto
right: auto

'bottom: auto' 'left: auto'

bottom: auto
left: auto

'bottom: auto' 'right: auto'

bottom: auto
right: auto

'top: auto' 'right: auto' 'bottom: auto' 'left: auto'

top: auto
right: auto
bottom: auto
left: auto

'top: auto' 'left: <length>'

top: auto
left: 1em

'top: auto' 'right: <length>'

top: auto
right: 1em

'bottom: auto' 'left: <length>'

bottom: auto
left: 1em

'bottom: <length>' 'left: auto'

bottom: 1em
left: auto

2. Inserting an element before the positioned box

'top: auto' 'left: auto'

Header

top: auto
left: auto

'top: auto' 'right: auto'

Header

top: auto
right: auto

'bottom: auto' 'left: auto'

Header

bottom: auto
left: auto

'bottom: auto' 'right: auto'

Header

bottom: auto
right: auto

'top: auto' 'right: auto' 'bottom: auto' 'left: auto'

Header

top: auto
right: auto
bottom: auto left: auto

'top: auto' 'left: <length>'

Header

top: auto
left: 1em

'top: auto' 'right: <length>'

Header

top: auto
right: 1em

'bottom: auto' 'left: <length>'

Header

bottom: auto
left: 1em

'bottom: <length>' 'left: auto'

Header

bottom: 1em
left: auto