CSS 상대 위치 및 절대 위치 요소 컨테이너 늘이기

Question

내 딜레마를 해결할 수 있습니까? position:relative 세트가있는 컨테이너 (이 경우에는 BODY)가 있습니다. 그 안에는 두 개의 div가 있습니다. 하나는 relative이고 하나는 absolute입니다 (이 순서대로).

문제가 I relative 위치 요소 일부 margin-top을 설정할 때마다, 상기 용기의 높이 (이 경우 body)는 수직 뻗어 있다는 점이다.

예를 들어, 컨테이너에 height: 100%을 설정 했더라도 크기는 볼 때 해당 크기가 relative 인 자식 요소의 100 % + margin-top입니다.

가 여기에 바이올린입니다 : 몸 전체 페이지를 차지하기 때문에 모든 http://jsfiddle.net/xJ75R/7/

Answer 1

첫째, 당신은, 몸에 상대적인 위치를 제공하지 않아야합니다.

어쨌든 다른 요소에 상대적 위치를 적용 할 때, 구체적으로, 그래서 당신은 "목록"의 클래스가있는 경우 다음

.lists { position: relative; top: something; left: something } 

또는 마진, 또는 어느 규칙을 사용합니다.

그냥 (난이 일어날 것이라고 표시되지 않습니다하지만) 다른 요소에 약간의 여유를주고 나서 body 태그에 문제가있는 경우, 다음 몸을 같은 0의 여백, 줄 :

body { margin: 0; } 

을 파이어 폭스는 당신의 CSS의 인생을 더 쉽게 만들어 즉석에서 무슨 일이 일어나고 있는지 볼 수 있도록

하고 문제가 해결되지 않는 경우 사용! 중요 보조 노트에

body { margin: 0 !important; } 

처럼 불을 지르고 애드온을 사용합니다.