滚动条显示当浏览器最大化: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

您有#wrapper, 10px margin和height 100%。这会自动给你带来问题。删除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

将margin:10px从#wrapper中移除。

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