I have 2 divs which float side by side, ex:

<div id="1"></div>
<div id="2"></div>

css

#1 {float: left}
#2 {float:right}

but when i resize the browser size, it become overlap each other. How to make it not overlap?