HTML 向右浮动到下一行

Question

我很难正确布局。两个 div 并排坐在这样的容器 div 中

<div style="width:800px; height:50px; border:solid 1px black;">
    <div id="LeftBox" style=" border:solid 2px red; width:500px; float:left " >Left box</div>
    <div id="RightBox" style=" border:solid 2px green;width:400px; float:right;" >green box</div>
</div>

如果左边的框足够小，它会并排显示两个框。如果左边的盒子太长那么右边的框会放下一行我不想要这种行为。我想设置正确的框无论左边的盒子有多长，它都在哪里。请帮忙!!!!!!

Answer 1

你也可以试试，如css-tricks recommends , 设置 float: right 现在渗入的容器，clear: both