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

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