javascript - 如何将 "attach"广告元素置于居中网站？

Question

也许这是一个有点愚蠢的问题，但如果我有一个居中的网站(使用固定宽度 + 边距:0 auto)，我该如何“附加”一个广告元素呢？ (左摩天大楼)。

我所做的，但不喜欢的是，现在我有一个包装器，里面有内容和广告。但是包装器的宽度必须大于内容(页面)。因此，该网站不再居中，并且在不显示广告时(使用 adblock 之类的东西时)看起来真的很难看。

JS是唯一的方法吗？

Answer 1

不知道您所说的“附加”是什么意思，但下面是我将如何构建/构建它。

   <div id="container">
      <div class="column_left">I don't know what your using for ads, but you could place right here. Image, text, ad script?</div>
    <!-- just place your ad in the above div -->
      <div class="column_right">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div>
    </div>

CSS:

#container {
    overflow: hidden;
    margin: 0 auto;
    width: 960px;
    position: relative;
}
.column_left {
    width: 200px;
    float: left;
    margin: 0 10px 0 0;
    background-color: #f7f7f7;
    border: 1px solid #f5f5f5;
}

.column_right { 
    width: 700px;
    float: left;
    background: #ddd;
}

http://jsfiddle.net/jkLMK/36/