html - 如何将内容放置在顶部栏下方和侧栏旁边？

Question

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

我尝试使用 float:left 定位侧边栏，但它从顶栏下方开始......

我不知道该怎么做。

请帮帮我！谢谢！

Answer 1

这是适合您的小提琴。

代码：

<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;
}