Html 将页面内容放置在两个侧边栏之间

我试图在我的网页内容的左右两侧放置垂直的谷歌Adsense横幅，但我不确定如何定位。最终我希望它看起来像这张照片：

---

制作三个独立的

div

：

• 左旗一个
• 一个用于页面的主要内容
• 右旗一个

HTML:

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

请注意，如果您这样做，您必须摆脱

---

如果你想防止边框和填充物弄乱你的宽度，你可以在你的

div

上使用

box size:border box

，并按下右边的边栏。

请分享你目前拥有的HTML/CSS，它将帮助人们为你指明正确的方向。

.sidebar{
    display: inline-block;
    width: 10%;
}   

#content{
    display: inline-block;
    width: 80%;
}