【发布时间】：2015-03-18 21:23:32
【问题描述】：
很久以前我就开始了一个新的主页项目。我已经学会了自己建立一个主页，所以我还在学习过程中。因此，有可能我选择的有时不是实现某些东西的最佳方式。
我想在我的网页上有一个全宽的页眉（和页脚）。出于这个原因，我在下面创建了一些 div 标签：
.header_container_overall-1 {
height: 90px;
width: 1000px;
padding-left: 1000px;
margin-left: -1000px;
padding-right: 1000px;
background-color: #f1f1f1;
}现在的问题是，浏览器（或移动设备）显示水平滚动条。我在一篇文章中读到，我可以使用“overflow-x: hidden;”。我将此 sn-p 代码应用到我的 css 文件的“body”类中。水平滚动条消失了，但您仍然可以使用键盘上的箭头键向右滚动。 不幸的是，我一直在编写我的网站时知道这个错误（我想我会在以后修复这个问题，但我认为这不是最好的主意）。然而，我现在回到这个错误并试图修复它。我找到了几个线程，其中出现了同样的问题：
kennykee.com/118/div-100-width-without-horizontal-scroll-bar/
stackoverflow.com/questions/18274386/div-overflow-is-hidden-but-still-can-scroll-using-keyboard-right-arrow-key
然后，我尝试了以下步骤：
添加“溢出-x：隐藏；”到几个类（尤其是页眉和页脚类），目的是防止水平滚动。我尝试了几个选项，最后，我得到了一个网站，其中页眉和页脚在正文处被剪裁（例如，我得到了 1000 像素的宽度而不是全宽）。
当我尝试使用“位置：相对；”时或“位置：固定；”在不同的类中，我最终发现，主页（现在居中，因为 margin-left 和 margin-right 设置为“auto”）被设置在左侧。
我希望你明白我的意思。很难描述，更糟糕的是我的英语;-)。正如你所看到的，我有时甚至在不知道自己在做什么的情况下尝试了一些东西。这是越来越多的“尝试和错误”，我现在下定决心，我在我的 html 和 css 知识的末尾来解决这个问题。也许您现在可以看到问题，或者您有一个想法，我可以尝试做些什么。
出现所述错误的网站位于： http://www.airlink.ch
css 文件也可用： http://www.airlink.ch/stylesheets/layout.css
如果您需要任何进一步的信息，请告诉我。很抱歉这么长的解释。
最好的问候
【问题讨论】：