In contrast, absolutely-positioned elements are removed from the normal flow, which means they don’t really care about others elements.

<html>
 <head>
  <style>.box {background: #44accf;position: absolute;top: 20px;right: 20px;left: 20px;bottom: 20px;}</style></head>
<body><div class="box"></div></body></html>
]]>

Fantastic! We can use the four offset properties to stretch an element without defining any widths or heights.

Didn't we want to make the box an absolutely-positioned element?