브라우저 최대화시 표시되는 스크롤 막대 : CSS

Question

브라우저 창이 최대화 된 후에도 스크롤 막대가 표시됩니다 (이유가 없어야 함).

높이 문제가 없으므로 세로 스크롤바가 올바르게 나타나서는 안됩니다.

누구나 밝힐 수 있습니까?

<style> 
    html, body, div { margin: 0; border: 0 none; padding: 0; } 
    html, body,form, #wrapper, #left, #right { height: 100%; min-height: 100%; } 
    #wrapper { margin: 10px; overflow: hidden; width: 960px; } 
    #left { background: yellow; float: left; width: 360px; } 
    #right { background: grey; margin-left: 360px; } 
    </style> 


    <div id="wrapper"> 
    <div id="left"> 
     Left 
    </div> 

    <div id="right"></div> 
    </div> 

Answer 1

당신은 10px margin와 height 100% A를 #wrapper 있습니다. 그러면 자동으로 문제가 발생합니다. 10px 여백을 제거하고이를 래퍼의 내부 내용에 적용합니다.

html, body, div { margin: 0; border: 0 none; padding: 0; } 
html, body,form, #wrapper, #left, #right { height: 100%; min-height: 100%; } 
#wrapper { overflow: hidden; width: 960px; } 
#left { margin: 10px; background: yellow; float: left; width: 360px; } 
#right { margin: 10px 10px 10px 360px; background: grey; } 

Answer 2

그냥 #wrapper에서 margin:10px를 제거합니다.

#wrapper 
{ 
    /*margin: 10px; */ 
    overflow: hidden; 
    width: 960px; 
}