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

一个简单的答案是将两者都包装在宽度为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();

这是你在找什么？

中心Div中的绝对位置元素

3 个答案: