브라우저 창에서 동적으로 유연한 구분 태그 만들기

Question

목표 : 브라우저 창의 각 가장자리에서 35px 인 HTML 분할을 만들고 싶습니다. 또한 사용자가 브라우저에서 확대/축소하는 경우에도이 분할 태그에서 35px 공간을 유지하고 브라우저가 최대화되고 실제 모니터가 전체 화면 인 경우 또는 와이드 스크린 디스플레이.

시각적으로 : 브라우저 크기가 변경되면서 크기가 동적으로 조정되지만 직사각형 모양 가장자리와 브라우저 창 가장자리 사이에는 항상 고정 된 간격을 유지하는 사각형 모양입니다.

이 작업을 수행하는 방법에 대한 통찰력은 인정 될 것입니다. 그리고 내가 찾는 답을 찾으면 JS Bin 예제를 공유 할 것입니다.

답변 : 이것은 가장 좋은 방법은 모르지만, 내 마음에 터진 첫 번째 일이http://jsbin.com/uxomul/4/edit

Answer 1

HTML과 CSS는 여기에 당신이 원하는 것을 할 것 같다 : -

http://jsbin.com/ifolaf/1/edit

Answer 2

.

.flex { 
    position: absolute; 
    right: 35px; 
    left: 35px; 
} 

Answer 3

100 % 폭으로 중첩 된 div 컨테이너를 사용해보십시오

<div class="container"> 
<div class="content"> 
will have 35px 
<div> 
</div> 

.container{ 
width: 100%; 
padding: 35px; 
} 

.container .content{ 
width: 100%; 
}