css - 居中 div 内的绝对位置元素

Question

我有一个使用自动边距居中的 div。它是 900 像素宽。我有一个登录按钮，我想放在它上面，我不知道如何做左右，所以它相对于 div 保持在一个恒定的位置。我希望它在 div 的右边缘内。

Answer 1

首先使用相对位置设置居中的 div

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

然后使用绝对位置设置您的登录按钮

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

Answer 2

一个简单的答案是将两者都包裹在一个宽度为 900px 的不可见容器 div 中，然后使用自动边距将该 div 居中。

所以它会是

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

随着风格

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

Answer 3

        $.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();

这是你想要的 ？