html - ネストされた div を画面の左側に配置

Question

2つのdivがあるとしましょう:

<div id="divOuter">
    <div id="divInner"></div>
</div>

また、外側の div がページの約 3/4 下にあり、画面の中央 (水平方向) にあり、幅が 200px であるとしましょう。明らかに、内側の div は最初はこの位置にあります。内側の div を同じ垂直位置 (現在の位置) に保ちながら、画面の左側に移動するにはどうすればよいですか?

Answer 1

絶対に配置divInnerし、左のプロパティをゼロに設定します。

position:absolute;
left:0px;

jsFiddle の例

Answer 2

そこにCSSを追加することができます。ただし、私が知っている唯一の方法は固定位置を使用するため、たとえば次のようになります。

    .position{
     position: relative; left: -20px;
      }

次に、あなたのdivで

<div id="divInner" Class="position"></div>

左に20ピクセルになります

Answer 3

#divInner絶対左位置を指定できますが、上位置は auto のままにします。

#divInner {
    position: absolute;
    left: 0;
}

#divOuterこれは、それ自体が絶対に配置されていないことを前提としています。