2011-08-10 1 views
0

전체 높이가 화면 높이보다 높은 페이지가 있지만 Firebug를 사용하고 요소 위로 마우스를 가져 가면 강조 표시된 페이지의 유일한 부분이 첫 번째 "화면의 길이" 페이지의; 페이지의 모든 내용이 요소에 포함되어 있음에도 불구하고 페이지 아래의 내용은 강조 표시되지 않습니다. 요소의 높이가 포함 된 모든 요소의 높이 (즉 전체 페이지의 높이)가되도록 CSS 트릭이 있습니까?<html> 요소의 크기를 전체 페이지의 높이로 만드는 방법은 무엇입니까?

+0

요소에 포함 된 모든 요소와 동일한 높이? 이것이 기본값입니다. –

+1

왜 ''요소를 엉망으로 다루어야하는지 알지 못합니다. ''요소가있을 수 있지만 무엇을 성취 할 수 있습니까? – jburns20

답변

0

정확하게 이해하고 있다면 몸에 <div> 요소가 있습니다. 그 안에서 <div> 당신은 그 안에 내용을 가진 자식 <div>가 있습니다. 이런 식으로 뭔가 :

<body> 
    <div id="parent"> 
     <div id="child"> 
      Content Here! 
     </div> 
    </div> 
</body> 

귀하의 "부모"사업부가 콘텐츠를보다 큰, 그것은 브라우저 윈도우의 크기 만드는, 100 %로 설정되어 있지만 당신은 단지 당신의 부모를 선택하고 있습니다. Parent를 Child와 같은 크기로 만들려면 Parent div CSS를 "overflow : hidden;"으로 설정해야합니다. 또는 "오버플로 : 자동;" 숨겨진 잘 작동해야합니다.

관련 문제