混乱中的侧边栏 - 如何将侧边栏与顶部导航栏对齐

Question

我正在尝试将侧边栏与顶部导航栏对齐成博客。我确定我错过了一些非常简单的标签，以便相应地调整侧边栏和身体。

Answer 1

首先，

将左栏div移到主div上方。然后，添加以下css

#header {
    overflow: hidden;
}

#primary_nav {
    clear: both;
}

#leftbar {
    margin-top: 52px;
}

#single, #home {
    width: 480px;
    float: left;
}

#central_column {
    margin-left:0;
}

#rightbar {
    margin-top: 52px;
}

同样删除主div后的clearboth div。

Answer 2

1. 在主页上移动左栏div
2. 添加浮动：左侧到左侧栏，主页和右侧栏
3. 将左边距添加到左栏，主栏和右栏
4. 删除clearboth divs，在home div之后

Answer 3

这是您的页面布局

＆＃13;

＆＃13;

<aside class="sidebar">Sidebar</aside>
<div class="content">
	<nav class="navbar">Navbar</nav>
	<div class="main">Main</div>
</div>
<footer>Footer</footer>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;