HTML 스크롤 막대 문제

Question

상당히 간단한 웹 사이트를 디자인하고 있지만 경험이별로 없으므로 아주 간단한 질문이 있습니다. 필자는 아래로 스크롤하지 않고 필요한 모든 정보를 표시하는 방식으로 레이아웃을 완료했습니다. 그러나 웬일인지 그것이있다. 사이트의 CSS는 다음과 같습니다 :

 
@charset "utf-8"; 
/* CSS Document */ 

html {height:100%;width:100%; margin:0;} 

body{ 

height:65%; 
font-size:100%; 
font-family:Calibri; 
background-image:url(/images/gradient.png); 
background-repeat:repeat-x; 
background-color:#FFF0; 
color:#00080; 
margin-left:15%; 
margin-top:3%; 
margin-right:15%; 
width:65%; 
} 

#banner { 
height:40%; 
background: url(/images/banner.jpg) right scroll no-repeat; 
} 

#left_container{ 
width:20%; 
height:80%; 
} 

#left_container img{ 
width:100%; 
} 

a{ 
text-decoration:none; 
color:#FFF; 
border:none; 
} 
#menu{ 
width:100%; 
height:85%; 
font-size:120%; 
} 

#menu td{ 
background:#999; 
color:#FFF; 
padding:4%; 

} 

#menu tr td a:hover{ 
background:#CCC; 
color:#333; 
} 

#right_container{ 
width:75%; 
height:auto; 
position:relative; 
left:+26%; 
top:-80%; 
} 

#right_container h2{ 
font-size:300%; 
} 

#right_container h3{ 
font-size:200%; 
} 

를하지만 웹 사이트는 다음과 같습니다 (그리고 나는 190 % 이하 더 큰 CSS의 right_container의 H2 제목 (홈) 크기를 설정하면 스크롤이 나타납니다 ....하지만, 내가 설정 한대로 필요하거나 ... 작을 것입니다.) 어떻게 스크롤 막대를 제거 할 수 있습니까?

이미지 ->http://i29.tinypic.com/hx3uy8.jpg

Answer 1

당신은 Overflow 속성을 사용하여 CSS에서 스크롤바의 모양을 제어 할 수 있습니다. 따라서 BODY CSS 선언에 overflow: hidden을 추가하여 도움이되는지 확인할 수 있습니다.