div의 오른쪽과 왼쪽에 정적 여백, 화면 해상도로 맞 춥니 다

Question

절대 div 안에 래퍼를 사용하여 오른쪽과 왼쪽에 고정 여백을 가져와야합니다 (상대적으로 작동해야하지만 제한적입니다.).

제가 현재 직장을 얻고 것은 왼쪽 "50 픽셀 폭"마진이지만, 잘 "5px 폭이"이 처럼 보인다 : 여기에 서로 다른 화면 해상도를 사용하여 원하는 결과의 그래픽입니다 작동하지 않습니다.

나는 자바 스크립트가 도움이 될 수 있다고 들었지만, 이런 종류의 구현을 찾을 수 없었다.

CSS :

.main_wrap{ 
width:100% 
position:absolute; 
} 

.div_contener { 
position:absolute; 
height:400px; 
border:1px solid blue; 
left:50px; 
width:100% 
margin-right:5px; 
width:100% 
} 

.div_sub_wrapper { 
position:absolute; 
width:100%; 
} 

HTML :

<div class="main_wrap"> 

<div class="div_sub_wrapper"> 

<div class="div_contener"> 
<p>sample words</p> 
</div> 
    </div> 
    </div> 

Fiddle

다른 건입니다 내가 a를 contener 클래스 크기 고정 사용하는 경우, 그것은해야한다 이 100 % 너비로 이제는 스크롤하지 못합니다.

Answer 1

left 및 right css를 지정할 수 있습니다. width 인 경우 auto이 공간을 채울 것입니다 : @nicholas을 회신에 대한

.div_container { 
    left:50px; 
    right:5px; 
    width:auto; 
} 

http://jsfiddle.net/uxNzF/1/