왜 아이의 DIV의 높이가 내 HTML에 몸

을 초과, 나는이왜 아이의 DIV의 높이가 내 HTML에 몸

<html> 
    <head> 
    </head> 

    <body> 
     <div id = "main"> 
      <div> I'm 500px tall</div> 
      <div> I'm xxxpx tall</div> 
     </div>    
    </body> 

</html>

내 CSS와 같은 뭔가가 모두를위한

head, body, #main{ 
    height:100%; 
    width: 100%; 
} 

otherDivs{ 
    height: some number of px 
}

디스플레이 중 하나를 블록이나 인라인처럼, 더 플로트가없는 것입니다

위치는 어느 절대

대하여 어떤 일어난이었다 (그것을 감싸고 & 몸 & HTML)을 #main 높이 실제로

의 주요 높이를 초과 나는이 고정 있었다 전체 페이지 높이 (단지 약 2/3 페이지 높이) 및 #main에 포함 된 일부 div가 아니었다 신장을 100 %에서 최소 높이 : 100 % 으로 변경했는데 요소가 부모 divs의 높이를 초과하는 이유를 이해하지 못했습니다. 어린이 div의 높이가 px로 선언되어 있는지 100 % 확신합니다. #main 자동으로 랩핑합니까?

출처

2013-01-10 Matthew Yang

높이 몸과 HTML의 100 %를 사용 브라우저 창 높이. min-height를 설정하면 최소 100 %가 되길 원하지만이 값이 창보다 큰 경우 – Pete

에 적합하게 성장합니다. 그러나 그 점을 알고 있었지만 이해할 수없는 점은 #main은 실제로 창 높이로 늘어나지 않고 자식 div가 높이를 초과하게 만듭니다. –

좋아요, 실제로 html과 body를 높이 100 %로 설정할 수 있다고 생각하지 않습니다. 내 지식은 100 % 높이입니다. 당신은 px 세트의 절대 금액을 가지고 적어도 하나의 부모가 필요 간다. – Pete

대신 #main에 대한 height:100%를 사용하는, 당신이 그것을 제한하고 주에 100 %의 높이를 설정 때문에 브라우저 윈도우의 높이가 될 것 overflow:hidden; 재산

출처

2013-01-10 16:30:25

왜 아이의 DIV의 높이가 내 HTML에 몸

답변

관련 문제