CSS：在chrome中有100％宽度的问题

Question

以下是我的网站：http://dl.dropbox.com/u/331982/Sandbox/comsat.html

要显示弄乱100％宽度的项目：单击两个六边形并使浏览器最大化。

#playerTwo，右侧部分，在浏览器右侧显示一个大块，即出现滚动条。

我知道浏览器中的百分比宽度存在一些问题，我发现其中一个解决方案是将边距和填充设置为0px，但它没有帮助。

*我使用百分比的原因是因为我计划最终使页面响应。 = \

Answer 1

这是因为width:500px上有#playerone, #playertwo，width: 40%上有.nameslider，position:relative上没有#playerTwo ，所以它的宽度是根据文件的宽度计算的。

要解决此问题，您可以尝试将position:relative;overflow:hidden;添加到#playerone, #playertwo，并将width的{​​{1}}设置为.nameslider。

或者也许只是尝试一下 - 在你的标记中有很多东西需要改进：）