css - 如何用CSS做margin：0 auto 0 auto减去几个像素？

Question

我想做这个：

margin: 0 auto 0 auto;

使其浮动到中心，但我想将 div 100px 向左移动

margin: 0 auto 0 [auto minus 100px];

所以它在中心左侧100px。

我如何用 CSS 做到这一点？

笔记：

此 div 覆盖在另一个 div 之上。我不能把它放在另一个更大的 div 中。

<style>
#one {
 width: 100px;
 margin: ?
}
</style>
<div id="one">
sdgdgffdsg
</div>

更新：已解决

GGG 在评论中给了我解决方案。

position: absolute;
left: -100px;
margin: 0 auto;

score 19 · Accepted Answer

使用居中margin: 0 auto;
并使用左移position: relative; left: -100px;

position:relative;
margin:0 auto;
left:-100px;

score 4 · Accepted Answer

4

试试这个：

position:relative; left:-100px;

于 2012-04-25T22:12:24.970 回答

score -1 · Accepted Answer

你没有。您必须包裹另一个具有固定边距的元素。

<div id="foo">
  <div id="bar">Hi!</div>
</div>

#foo {
  margin: 0 100px 0 0; /* left margin only is 100px */
}

#bar {
  margin: 0 auto;
}

score -1 · Accepted Answer

你的内部 div 有固定的宽度吗？如果是这样，你可以这样做：

HTML

<div class="outside">
    <div class="inside">
    </div>
</div>

CSS

.inside {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -150px;
}