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

我正在尝试创建一个网站，但是侧边栏没有与网站的主要内容对齐，并且与另一个div重叠。 链接到该网站

---

试着将

.sidebar inner

放在

#内容

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

• 移除

  位置：绝对在
  .site main.sidebar容器上

• 更改<代码>宽度：100%至

  宽度：300px

• 添加<代码>浮动：右

将以下样式添加到css中

#primary 
{
    float: left;
}

---

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

将其放置在框架内容之外，您希望它与主内容部分对齐吗？你需要为主要内容和侧边栏指定宽度并浮动它们。你可以添加屏幕截图，就像你需要对齐一样吗？但是主要内容是disrupted@turtle，您好，请在JSFIDLE中发布您的代码，以便更容易修改。您是否正在进行其他更改？因为这只会让它向左浮动

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

#primary 
{
    float: left;
}