As floated elements are taken out of the normal flow, elements that follow a floated element act as if the floated element didn't exist.

<html>
 <head>
  <style>.box {width: 200px;height: 200px;}.blue { background: #44accf; }.green { background: #b7d84b; }.orange { background: #e2a741; }.pink { background: #ee3e64; }.floated { float: left; }</style></head><body><div class="blue floated box"></div><div class="green floated box"></div><div class="orange box"></div><div class="pink box"></div></body></html>
]]>

Now the orange box is right underneath the blue box, because the blue and green boxes act as if the others weren't there.

Is floated really an ID?