右浮动div移动到窗口调整大小的另一个div

Question

我怎么能阻止我的右浮动div溢出到它左边的另一个div？

<div class="HeaderArea">

   <div id="centertopnav">
   </div>

   <div class="srchbox">
   </div>

</div>

#centertopnav {margin:0 auto; padding:0; width:780px;}

.srchbox { 
 float:right; 
 margin:-20px 290px 0 0 ;
}

HeaderArea是全身宽度，centertopnav使用边距“0px auto”居中 srchbox向右浮动但是当我调整窗口大小时，srchbox会转移到centertopnav ..

我用什么属性来解决这个问题？溢出？明确？ 这里是screeshot：http://pixholder.com/view.php?id=1160

Answer 1

HeaderArea的宽度是多少？如果它是小srchbox将浮动右，但不能再进一步。