clearing floated divs acting odd within parent div

ElB

New Member
  • parent div = red dashed border
  • child-3 el = green solid border
code hereThe parent div (\[code\]#main-container\[/code\]) contains, a headline, two floated divs and a text link at the bottom. The text link at the bottom should stand alone, but it seems to effect the two floated divs (\[code\].child-1\[/code\], \[code\].child-2\[/code\]) instead of the parent div. Can someone please explain to me why the last child element (\[code\].child-3\[/code\]) in this layout effects the contents of its two floated sibling divs? What is missing and why is it needed? Thanks
 
Back
Top