Css 位于居中主内容右侧的侧边栏

我有以下代码：

我希望侧边栏出现在主内容的右侧，应该保持在页面的中心位置

我正试图设计这个页面，以便主要内容将集中在页面上，并在一个侧栏中显示垂直横幅广告

有人能帮忙吗？：）

谢谢

以下是HTML：

<div id="header">

     <div id="main">
          <div id="inner">

          </div>
     </div>  
     <div id="sidebar"></div>    
</div>  

<div id="footer"></div>

将这些添加到代码中

此外，您应该更改代码以使用语义html，例如：

<header>
</header>

  <main>
    <article>
    </article> 
    <aside>
    </aside>
  </main>

<footer>
</footer>

此外，在开始#main div之前，您还需要结束#header div

标题

标题
内在内容
边栏内容
版权所有网站废话

您可以使用位置：固定

在您的侧边栏上添加：

 position: fixed;
 right: 0px;
 top: 50%;

<header>
</header>

  <main>
    <article>
    </article> 
    <aside>
    </aside>
  </main>

<footer>
</footer>

<div id="header">Header</div>

<div id="main">
  <div id="inner">
    Inner Content
  </div>

  <div id="sidebar">
    Sidebar Content
  </div>
</div>

<div id="footer">Copyright Website Blah Blah </div>

 position: fixed;
 right: 0px;
 top: 50%;