css - Centered Div 内の絶対位置要素

Question

自動マージンを使用して中央に配置された div があります。幅は900pxです。その上に配置したいログインボタンがあります。左と右を行う方法がわからないため、divに対して一定の場所にとどまります。divの右端のすぐ内側に入れたい。

Answer 1

まず、相対位置で中央揃えの div を設定します

#centered-div{position: relative; width: 900px; margin: auto;}

次に、絶対位置でログインボタンを設定します

#login{position: absolute; left: 0; top: 50px;}

Answer 2

        $.fn.makeAbsolute = function (rebase) {

        return this.each(function () {

            var el = $(this);

            var pos = el.position();

            el.css({
                position: "absolute"
                , marginLeft: 0
                , marginTop: 0
                , top: pos.top
                , left: pos.left
                , zIndex: 1
            });

            if (rebase)

                el.remove().appendTo("body");

        });

    }

使用できますjQuery("#myDiv").makeAbsolute();

これはあなたが探しているものですか？

Answer 3

簡単な答えは、幅 900px の非表示のコンテナー div の両方をラップし、その div を自動マージンで中央に配置することです。

そうなるだろう

<div class="container">
     <input type="submit" value="login">
     <div class="innerDiv">
     </div>
</div>

スタイルとともに

div.container{
     width:900px;
     margin:0 auto;
}