HTML 본체의 높이가 페이지와 같지 않습니다.

Question

이상한 문제가 있습니다. 2 열의 DIV 레이아웃이 있고 본문 요소의 배경 이미지를 통해 페이지의 배경을 설정하고 있습니다.

하지만 내 신체 요소는 내 눈에 보이는 콘텐츠만큼 높지 않습니다. 나는 문제가 페이지의 나머지 부분보다 더 많이 성장하는 절대 위치 지정된 div 컨테이너라고 생각한다.

어떻게 해결할 수 있습니까?

주어진 약간의 정보와

Answer 1

, 내가 몸을 고조 제안하자 : 당신의 디자인에 따라

이

body { height:100%; } 

,이 작동 할 수 있습니다, 수 없습니다.

Answer 2

CSS 파일에서

body 
{ 
    height: 100%; 
} 

을 포함하여보십시오. 이 같은

Answer 3

쓰기 : 코드 나 예제없이

html, body { 
    height:100%; 
} 

Answer 4

내 제안은 브라우저를위한 좋은 CSS 리셋을 포함하는 것입니다. 기본적으로 브라우저에는 CSS "스프레드 시트"가 있으며 일반적으로 본문에는 여백이 있습니다. CSS 파일에서

Try this one

Answer 5

, 당신은 사용할 수 있습니다

html{ 
    background: url(../images/image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

모든 디스플레이에 배경 이미지의 크기를 조정할 것이다.

Answer 6

죄송합니다. 솔루션 코드를 게시 할 수 없습니다. 그 이유는 꽤 큰 전체 HTML 파일을 게시해야하기 때문입니다.

문제는 내가 작업하고있는 페이지의 종류 인 것처럼 보입니다. 섹션으로 나뉘어 진 HTML 사이트 하나입니다. 그러나 모든 섹션은 고전적인 웹 디자인 전체 페이지에있을 것입니다. 사용자는 JS로 섹션을 전환합니다.

위치를 제거한 후 : 성장하는 콘텐츠 div에서 상대적으로 섹션 높이를 100 %로 만들고, 성장하는 콘텐츠 div 높이를 100 % 죽이면 작동하는 것처럼 보입니다.

그러나 여전히 이상한 부분은 동적 크기의 콘텐츠가있는 div만큼 섹션이 커지지 않았기 때문입니다.