CSS 높이가 100 %가 아님

다른 비슷한 질문을 많이했는데 해결책이없는 것 같습니다. 나는 시체가있는 웹 사이트를 가지고 있고, 그 다음에 content라는 내부 div가 있습니다. 나는 시도했다 :CSS 높이가 100 %가 아님

body 
{ 
    height: 100%; 
} 

content 
{ 
    height: 100%; 
}

및 대부분의 질문에 대한 답변했다

body 
{ 
} 

content 
{ 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
}

합니다. 그러나 웬일인지 그것은 우리를 위해 일하지 않고있다. 절대 위치 지정으로 강제 실행하면 페이지 길이 이상으로 늘어나고 가운데 맞춤을 원할 때 내용을 왼쪽으로 푸시합니다 (margin-left : auto; margin-right : auto; 사용)

어떤 제안?

출처

2011-10-17 pongahead

1 번 내용은 요소가 아닙니다. 그 중 하나는 id : #content 또는 class : .content 일 필요가 있습니다. 그러나 아마 더 많은 일이있을 것입니다. –

#content였습니다. 나는 그 질문에 그 것을 표기하지 않았다. 혼란을 드려 죄송합니다! 나는 그것을 했어야했다 – pongahead

body와 div 이외에 100 % 높이로 html을 설정해야합니다.

html, body, div{ 
    height: 100%; 
}

출처

2011-10-17 21:58:11 aperture

나는 스타일에 html 태그가 있다는 것을 잊었다. 감사! – pongahead

내 솔루션 :

<html> 
<head> 
<style> 
body 
{ 
    height: 100%; 
    padding: 0; 
    margin: 0; 
} 

#content 
{ 
    height: 100%; 
    background: red; 
} 
</style> 
</head> 
<body> 
    <div id="content"></div> 
</body> 
</html>

작품 잘. 속성 background: red;은 테스트 용입니다.

출처

2011-10-17 21:58:56 Peter

나는 그것을 이미 시도했지만 작동하지 않았다. 위의 해결책은 HTML을 100 %로 설정하는 것을 잊었습니다. – pongahead

CSS 높이가 100 %가 아님

답변

관련 문제