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

Question

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

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

我在这里的另一件事

您会注意到一个电子邮件表单和旁边的另一个带有边框的 div。当浏览器缩小时，2 个 div 会发生碰撞和重叠。

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

帮助将不胜感激

Answer 1

出现水平滚动条是因为<ins class="adsbygoogle">在 div #box6具有指定为 200px 的行内宽度.要删除水平滚动，请使用下面的 css

#box6{
  overflow:hidden;
}

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

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

还有 <ins class="adsbygoogle">内联宽度为 200px，因此您可以删除 width:45%指定用于 .right-column从你的样式表中，因为这个 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;
  }
}