css - 浏览器最大化时显示的滚动条：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;  
}