How do you implement CSS without to have clear:both on float left and float right

How to clear float:left & float:right on CSS

You may look an example here

The wrap id overlap to the header & search. How to fix i开发者_JS百科t without to put the clear:both

overflow:hidden on #wrap. Since you already have a width it automatically clears in IE.

http://work.arounds.org/clearing-floats/

Demo

If you're asking how to prevent the wrap from overlapping the two divs then: wrap should have the attribute overflow: auto;

You can clear floated divs with br clear="all" if you don't like clear:both