将侧边栏与页面的主要内容对齐

Question

我正在尝试创建一个网站，但侧边栏没有与网站的主要内容对齐，而是与另一个div重叠。 链接到网站http://www.inseeks.com/

Answer 1

    .site-main .sidebar-inner {
        margin: 6px auto;
        position: absolute;
        top: 0;
    }

Answer 2

尝试将.sidebar-inner放入#content

<div id="content" class="site-content" role="main">
    <div class="sidebar-inner">

然后将它漂浮到右边。

.sidebar-inner {
    float: right;
    //add necessary paddings or margins.
}

Answer 3

• 删除position: absolute;
上的.site-main .sidebar-container
• 将width: 100%;更改为width: 300px;
• 添加float: right;

将以下样式添加到css。

#primary 
{
    float: left;
}

以上内容应该更改，以便侧边栏位于左侧，不再与其他内容重叠。