css - 某些东西导致身体水平溢出，但我不知道它是什么？

Question

在下面的页面中，某些内容导致右侧的 body 或 html 出现一些填充，并且溢出导致 x 轴上的滚动。

我怎样才能消除溢出？

我已经申请了

html, body{
    margin:0;
    padding:0;
}

这是页面：https ://dl.dropboxusercontent.com/u/270523/help/new.html

有谁知道是什么导致了这个溢出/右边的空间，但是在文档内部以及如何删除它？

Answer 1

要修复 5% 的边距溢出，我建议将 CSS 更改为#searchInput添加display:block;边距并将边距更改为margin:0px auto;.

#searchInput {
  ...
  display: block;
  margin:0px auto;
}

Answer 2

正如@Kaloyan Ivanov 所说，它来自您的input元素。您只需要调整边框和边距，使它们加起来不超过 100%，或者您也可以更改此单个输入的 CSS 框模型：

input#searchInput {
  box-sizing: border-box
}

Answer 3

这是你的#searchInput- 它有 90% 的宽度、2x5% 的边距和边框......所以边框使它超过 100%。