中心区域内的绝对位置元素

Question

我有一个以自动边距为中心的div。它宽900px。我有一个登录按钮，我想把它放在它上面，我不知道如何做左边和右边，所以它保持在相对于div的不变位置。我想只是在div的右边缘。

Answer 1

首先设置中心的分度，然后设置你的登录按钮，绝对

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

Answer 2

位置一个简单的答案会是包装一个无形的div容器的内外相对

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

位置宽度为900px，然后以自动边距为中心。

所以这将是

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

这是你在找什么？