절대 위치 요소가 중심 구분 내

Question

나는 자동 여백을 사용하여 가운데 맞춤 div가 있습니다. 너비는 900px입니다. 내가 그 위에 위치시키고 자하는 로그인 버튼이 있는데, div를 기준으로 일정한 위치에 머물러 있기 때문에 왼쪽과 오른쪽을 어떻게 처리해야하는지 알 수 없다. 내가 div의 오른쪽 가장자리 안쪽에 그것을 원한다.

Answer 1

먼저 그런 간단한 답이 보이지 않는 컨테이너 사업부 모두 내부를 포장하는 것

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

Answer 2

절대 위치하여 로그인 버튼을 설정

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

상대적 위치하여 중심 사업부를 설정 너비를 900px로 설정 한 다음 자동 여백을 사용하여 해당 div의 가운데에 맞 춥니 다. 이것은 당신이 찾고있는 것을

당신이 jQuery("#myDiv").makeAbsolute();

을 사용할 수 있습니다

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

     }); 

    } 

스타일로

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

이 될 것입니다 그래서?