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

Question

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

Answer 1

制作三个单独的div＆＃39;：

• 一张左旗帜
• 一个用于页面的主要内容
• 一个用于正确的横幅

HTML：

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

然后，用CSS定位它们。

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

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

请注意，如果您这样做，则必须摆脱inline-block space。

如果您想防止边框和填充物弄乱您的宽度，并按下右侧边栏，则可以在box-sizing: border-box上使用div。< / p>