CSS:并排放置 2 个 Div

Question

我想将 2 个 div 并排放在另一个 div 中。我真的不知道为什么这个橙色的“内容”-div 在导航下方。

我在这里做错了什么？谢谢!

CSS:

#page{position:relative;width:500px;background:yellow}
#navi{position:relative;width:100px;background:red;float:left}
#content{position:relative;width:400px;background:orange;clear:left}

HTML:

<div id="page">
<div id="navi">Navi</div>
<div id="content">Content</div>
</div>

fiddle :

http://jsfiddle.net/w286e9dd/

Answer 1

#page{position:relative;width:500px;background:yellow}
#navi{width:100px;background:red;float:left}
#content{width:400px;background:orange;float:left}

就是这样……只需复制并粘贴即可。

你不小心放了 clear:left 而不是 float:left