2013-01-23 7 views
0

정상적으로 수행 할 수있는 콘텐츠가 충분하지 않을 때 화면 높이의 100 %로 확장되는 div를 만들려고하지만 일반적으로 그 이상으로 확장됩니다 if 충분한 콘텐츠가 있습니다. 내 div가 컨테이너라고하면 언제든지 사용할 때마다최소 높이 : 100 %가 작동하지 않습니다.

#container 
{ 
min-height: 100%; 
} 

전혀 영향을 미치지 않는 것으로 보입니다. 내가 사용할 때

#container 
{ 
height: 100%; 
min-height: 100%; 
} 

높이를 고정 된 100 %로 설정하여 일반적으로 화면 높이의 100 %를 초과하는 내용을 잘라냅니다. 내가 뭘 잘못하고 있는지 모르겠다.

+0

http://unnaturalcode.blogspot.com/2012/08/css-recipe-for-making-elements-fill.html –

답변

1

당신은

body, html { 
    height: 100%; 
} 

this answer에서 빌린 시도 할 수 있습니다. refer this도 가능합니다.

Fiddle

+0

div의 높이를 100 %로 설정했을 때와 같은 영향을줍니다. 그것은 일반적으로 사용자 화면을 넘어서는 모든 것을 없애고 스크롤 막대는 없습니다. –

0

어쩌면 당신은 우리에게 당신의 HTML의 JSfiddle을 줄 수 있을까? 그것은 우리가 당신을 돕는 데 도움이 될 것입니다.

#container 
{ 
    height: 100%; 
    overflow: auto; 
} 

또는 위치/플로트/명확한 함께 놀러 :

난 당신이 사용할 수 있습니다 생각합니다.

관련 문제