html body extends after make element a negative position

Question

这是我的网站:SITE

调整窗口大小直到出现响应式设计，然后按顶部的“向右”按钮。右侧边栏时隐时现，消失时，栏位在left:-300px位置，可以向右滚动。为什么会这样？有了左侧边栏就OK了。附言使用鼠标中键滚动

Answer 1

将 overflow-x:hidden; 添加到:

@media screen and (max-width: 650px)
.content {

因此留下最终规则:

@media screen and (max-width: 650px)
.content {
   margin: 0 auto;
   width: 100%;
   overflow-x: hidden;
}