css - 浏览器中的中心不对称div

Question

我有一个主 div(宽度:960px)，它位于浏览器窗口的中心，带有“margin:0px auto”。有时我想在主 div 的右侧显示一个广告(160x600，左侧边距可能为 10px)，但主 div 应始终保持在浏览器的中央。

我该怎么做？

Answer 1

您可以将广告放在居中的div内，使居中的divposition:relative，广告position:absolute 并适当设置 left:http://jsfiddle.net/3vqh8/1/

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

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