当所有内容都包含在div中时，获取水平滚动条

Question

因此，基本上，在将浏览器大小调整到尽可能小的时候，出于某种原因，我仍然会得到水平滚动条。我不能将此用于响应目的。有什么想法吗？

http://www.techagesite.com/page-1work11122.htm

我在这里的另一件事

你会注意到一个电子邮件表单和旁边的另一个带有边框的div。当浏览器收缩时，这两个div会碰撞并重叠。

我仍在学习css，并尝试了几种方法，但都没有成功。

我们将非常感谢

Answer 1

显示水平滚动条是因为div #box6中的<ins class="adsbygoogle">具有指定为200px的内联宽度。要删除水平滚动使用下面的css

#box6{
  overflow:hidden;
}

编辑：要获得评论中提到的所需效果，请在较小屏幕的媒体查询中尝试以下css。

MailChimp表单为其表单指定了200px中的width。这会导致右列在重新调整窗口大小时与左部分重叠。因此，通过在box6内将宽度设置为div container并向左浮动，当屏幕没有空间并排占据两个div时，左右div s将推动下面的右侧部分。

此外，<ins class="adsbygoogle">的内联宽度为200px，因此您可以从样式表中删除为.right-column指定的width:45%，因为此div将占用其内容的200px width。

@media only screen and (max-width: 480px) and (min-width: 321px){
  #box6 .container{
    width:200px;
    float:left;
  }
  #box6 .right-column{
    float:left;
  }
}