css - How to do margin: 0 auto 0 auto minus a few pixels with CSS?

Question

I want to do this:

margin: 0 auto 0 auto;

so that it floats to the center, but I want to move the div 100px to the left so essentially

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

so it is 100px to the left of the center.

How do I do this with CSS?

NOTE:

This div is overlaid on top of another div. I cannot put it inside another larger div.

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

UPDATE: SOLVED

GGG gave me the solution in the comment.

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;
}