如何在第三个divs中排列两个div

Question

我需要左div作为菜单，右为内容。
我试图从这篇文章中采用公认的答案：
CSS：如何在另一个Div内获得两个浮动div

#container {width:900px;}
#left {
    width: 150px;
    float: left;
}
#right {
    width: 500px;    
    margin-left: 170px;
}
.clearBoth{clear:both;}

html

<div id="container">
<div id="left">leftMenu</div>
<div id="right">rightContent</div>
<div class="clearBoth"></div>
</div>

左而#right应该是顶部的，但#right是bellow #left。

Answer 1

您是否尝试过也给右div float？

#right {
width: 500px;    
margin-left: 170px;
float: left;
}

jsfiddle向您展示它有效：）

http://jsfiddle.net/ltuzc/

Answer 2

尝试这个

#container {width:900px;}
#left {
    width: 500px;
    float: left;
}
#right {
    width: 500px;    
float: left;
}
.clearBoth{clear:both;}    
<div id="container">
<div id="left">leftMenu</div>
<div class="clearBoth"></div>
<div id="right">rightContent</div>
</div>