2014-02-12 3 views
-5

height:100%이 아닌 이유는 무엇입니까?최소 높이와 높이가 작동하지 않습니다.

http://jsfiddle.net/28V6q/2/

나는 당신은 오히려 몸에 height: 100%를 적용하는 것이해야 몸이 때문에

html { 
    height:100%; 
} 

body { 
    min-height:100%; 
    margin:0; 
} 

div { 
    height:100%; 
    background:red; 
} 

<body> 
    <div>asdf</div> 
</body> 
+1

신체의 최소 높이를 유지하고 싶습니다. 그러나 아래 답변은 건설적인 것이므로 왜 투표합니까? – franchez

+0

div에 position : absolute;를 추가 할 수 있습니까? – Niklas

답변

1

간단한 대답은 다음과 같습니다. 부모의 키가 명시 적으로 설정되어 있지 않으면 자식 heig ht는 자동으로 설정됩니다. 당신이 달성하려고하는 것은 작동하지 않는 이유

이 문서에서는 설명 : http://www.456bereastreet.com/archive/201306/height_in_percent_when_parent_has_min-height_and_no_height/

이 (내가 아는 한, CSS3 다르지 않다)는 CSS 2.1 사양

에서입니다

백분율은 생성 된 상자에 포함 된 블록 의 높이를 기준으로 계산됩니다. 블록을 포함하는 높이가 명시 적으로 지정되지 않았 으면 (즉, 콘텐츠 높이에 따라 다름)이 요소는 절대적으로 배치되지 않으며 값은 '자동'으로 계산됩니다.

이 솔루션은 다음 DIV 또는 height:100%;position:absolute;을 설정하는 것 중 하나.

0

드래그 JQuery와 UI에 고정 된 높이를 가질 필요가 없습니다 min-height: 100%

예 : http://jsfiddle.net/28V6q/3/

+0

아니, jquery ui draggable로 인해 고정 된 높이가없는 몸체가 필요합니다. – clarkk

관련 문제