Question

我有一个主div（宽度：960px），它在浏览器窗口的中心位置为“margin：0px auto”。我不时会在主div的右侧显示一个广告（160x600，边距可能是10px），但主div应始终保留在浏览器的中心。

我该怎么做？

Answer 1

您可以将广告置于居中的div内，制作居中的div position:relative，广告position: absolute并根据需要设置left：{{ 3}}

#center {
    background: blue;
    width: 960px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}

#ad {
    position: absolute;
    height: 600px;
    width: 160px;
    background: red;
    right: -170px;
}

Answer 2

尝试将主要div设置为relative，将ad div设置为绝对值。

使用顶部和左侧来调整位置。

（不确定它会起作用，让jsfiddle向我们展示你的情况）

Answer 3

如果您的主容器已经居中，只需将新分隔符放置在主容器的第一个内部元素中，然后将其置于绝对位置，并将其“向左移动”位置。

<div class="main-container">
    <div class="new-left-publicity"></div>
    <div class="what-was-there-before"></div>
</div>

浏览器中心不对称div

3 个答案: