몸통 여백에 따라 절대 절대 div 위치 지정

나는 html 파일의 본문에 절대 div라는 위치를 가지고 있습니다. 나는 그것이 몸길이에 복종하기를 원한다. 내 코드는 http://jsfiddle.net/vHApr에서 찾으십시오.몸통 여백에 따라 절대 절대 div 위치 지정

<html> 
<head> 
<style type="text/css"> 
body{ 
    margin: 50px; 
    background-color: #ddd; 
    color: #222; 
    font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    min-width: 1080px; 
    padding-top: 50px; 
} 
div.test{ 
    position:absolute; 
    right:0px; 
    top:55px; 
} 
</style> 
</head> 
<body> 
<div class="test"> 
TEST 
</div> 
</body> 
</html>

출처

2013-04-08 Ben Lind

jquery를 사용할 의향이 있으면 페이지의 div에 몸통의 여백을 적용 할 수 있습니다. –

오른쪽 div를 사용하지 않고 절대 div 위치에 오른쪽 여백을 추가하고 싶습니다. http :// /jsfiddle.net/cNV4L/ (하단에 있음) –

'body'에'position : relative'를 추가하면 절대 조상 요소가 그 요소에 정렬됩니다. 그리고 btw., -1은 _ "긴급하다"_ 아무도 신경 쓰지 않습니다. – CBroe

업데이트이

div.test{ 
position:absolute; 

}

시도 - 다음 절대 하위 요소가 몸의 가장자리에 정렬되고, 다음 내 코드입니다 뷰포트가 아닙니다 (배치 된 조상이없는 절대 배치 된 요소에서 발생합니다).

출처

2013-04-08 14:26:27 CBroe

이 body에 대한 position:relative 추가 jsFiddle http://jsfiddle.net/vHApr/3/

출처

2013-04-08 13:46:19

아무도 ... 나는 CSS로 그것을하고 싶습니다 –

업데이트 된 답변을 참조하십시오. 그것은 CSS 만 대답을 제공합니다. –

몸통 여백에 따라 절대 절대 div 위치 지정

답변

관련 문제