如何在顶栏和侧栏旁边放置内容？

Question

这就是我要做的事情： http://gyazo.com/9332c173b5d2ac761565f47636a5cfc0.png

我尝试使用float：left来定位侧边栏但是它从顶部栏开始...

我不知道如何做到这一点。

请帮帮我！ 谢谢！

Answer 1

这是适用于您的fiddle。

代码：

<div id="sidebar">sidebar</div>
<div id="contentWrapper">
    <div id="topbar">topbar</div>
    <div id="content">content</div>
</div>

和css：

div{
border: 1px solid red;
}
#sidebar{
    width:200px;
    height:200px;
    float:left;
}
#contentWrapper{
    width:200px;
    height:200px;
    float:left;
}