두 개의 고정 사업부 간의 반응 부서

Question

안녕하세요.

이것은 처음으로 반응하는 레이아웃이며, 내가 읽은 것에서부터 하나를 만들려고 노력하고 있습니다.

나는 지금까지 나의 일을 대표하는 바이올린을 만들었고, 나는 붙어있다.

나는 부모의 상대 너비를 가지고 있으며, 화면의 90 %를 차지하도록 설정되어 있으며 (수직 및 수평으로) 중앙에 위치합니다.

다른 div 섹션에는 첫 번째 섹션이 160px 높이에서 절대 크기이며, 두 번째 섹션은 상대적입니다 (내 계산에서 77.56 % 근처에있는 항목 임). 세 번째 섹션은 다른 절대 섹션입니다. - 30px 높이로 크기 조정.

그래서 내 두 가지 질문은 다음과 같습니다

년 - 랩 사업부가 제대로 전체 화면 (1920 × 1080)에 정렬되어 있지만 낮은 해상도를 도달, 그 측면은 수직 및 수평 오버플로 시작 DIV, 어떻게 해결할 수 있습니까?

- 세 개의 div에 대한 계산이 서로 다른 높이에서 올바르지 않은 것 같습니다 (랩 div에서 오버플로되기 시작 함).

OBS : 바이올린에서는 mid-div 높이가 작동하지 않는 것 같습니다. 이유는 모르겠습니다.

(

#wrap div#content{ 
    position:relative; 
    background-color: teal; 
    height: 77.5678866593353%; 
    max-height: 100%; 
} 

)

가 여기에 바이올린입니다 : http://jsfiddle.net/LKQfg/1/

미안하지만, 나는이 질문이 엉망이라고 생각, 내가 잘 설명 할 수 없다.

감사합니다.

Answer 1

문제는 테두리와 패딩입니다. 요소를 가운데에 맞추려면 왼쪽 및 오른쪽으로 자동 여백을 지정하십시오. Fiddle.

div#wrap { margin: 0 auto 2.5% }