2011-02-14 15 views
0

다음 그림을보고 코드로 작동하지 스크롤 :<body>는 : 예상

enter image description here

<!doctype html> 

<html> 
    <head> 
     <style> 
      body { 
       border: 1px solid red; 
       padding: 20px; 
       overflow: scroll; 
      } 
     </style> 
    </head> 

    <body></body> 
</html> 

overflow: scroll 인서트 요소 내부에 스크롤 막대하지만, <body> 요소가를 차지하지 않습니다 전체 웹 페이지, 스크롤 막대에 문제가 있습니까?

감사

+0

신체의 오버플로 : 스크롤을 설정하고 있습니다. Body는 모든 웹 페이지 ('너비와 높이 항상 100 %')를 차지하고 원하는대로 페이지를 스크롤합니다. 그래서? 문제가 무엇입니까? – Eray

+0

나는 시체가 뷰 포털 높이의 100 %가되기를 원한다고 생각하지만 실제로이 바디는 전체 웹 브라우저 뷰 포털을 사용하기 전에 중단 될 가능성이 높습니다. –

답변

4

body 태그는 특별한 경우입니다. body 태그에 적용된 대부분의 스타일 규칙은 body의 "크기"에 관계없이 전체 창에 적용됩니다. 원하는 동작 (상자 안의 스크롤 바)을 사용하려면 div 또는 body 내부의 다른 블록 수준 요소를 사용해야합니다.

9

overflow:scroll는 몸이 윈도우 여부보다 큰 여부 스크롤바를 추가합니다. 당신은 아마 찾고 있습니다 overflow:auto;

0

몸체 높이가 100 %로 설정되지 않았습니다. 몸체 높이를 100 %로 설정해도 올바르게 작동하려면 CSS에서 몇 가지 항목을 호출하여 크로스 브라우저에서 제대로 작동하도록해야합니다.

Look to 100% Height Layout Using CSS 자세한 내용은