백분율로 최소 높이를 사용하는 특별한 것이 있습니까?

나는 내 내용 div 전체를 채우기 위해 래퍼 div를 채우려고합니다.백분율로 최소 높이를 사용하는 특별한 것이 있습니까?

래퍼은 내 바닥 글을 창 또는 페이지의 맨 아래로 강제 설정합니다. 어느 것이 좋습니다.

내가 사용하는 경우 :
최소 높이 : 500px (또는 40em); 콘텐츠 div가 요청에 따라 늘어납니다.

그러나 내가 사용하는 경우 :
최소 높이 : 100 % (또는 다른 %); 콘텐츠 div에는 아무 것도 발생하지 않습니다.

이것은 나에게 의미가 없습니다. 내가 뭘 놓치고 있니? (테두리와 색상과 재료 제외)의 요청에 따라

: 콘텐츠 사업부에 :

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
#wrapper { 
    min-height: 100%; 
    width: 80%; 
    margin: 0 auto -4em; 
} 
#content { 
    min-height: 100%; // nothing happens, change to em or px something happens. 
} 
#sidebar { 
    float: right; 
} 
#footer { 
    clear: both; 
    height: 4em; 
} 
#push { 
    height: 4em; 
} 

<body> 
    <div wrapper> 
    <div header> 
     <div menu></div> 
    </div> 
    <div sidebar></div> 
    <div content></div> 
    <div push></div> 
    </div> 
    <div footer></div> 
</body>

출처

2011-01-10 Humpton

당신은 "100 % 라인 높이"를 사용하여 시도 할 수 있습니다. 비록 ... 래퍼 div에 명시적인 높이가 설정되어 있다면 다양한 높이 측정 중 하나에서 100 %를 사용하여 확장을 강제 할 수 있어야합니다.

래퍼와 내용을 보여주는 간단한 예제 마크 업을 게시하십시오.

출처

2011-01-10 19:04:52 grav3nimag3

확인. 몇 가지 코드를 추가했습니다. – Humpton

백분율로 최소 높이를 사용하는 특별한 것이 있습니까?

답변

관련 문제