定义的宽度div导致页面水平滚动

Question

下面这个div导致页面在较小的1450px浏览器上水平滚动。我认为溢出会解决这个问题，但似乎没有...可能是我需要在父div上做的事情。有什么想法吗？

http://barr-display.mybigcommerce.com/

   #Header {
    position: relative;
    clear: both;
    width: 1450px;
    min-height: 190px;
    overflow: hidden;
    background: url('/content/headerbg3.jpg') repeat-x;
    }

Answer 1

在身体上你需要以下

body {
  width:100%;
  overflow:hidden;
}

您的代码无法正常工作的原因是您需要在子代（overflow）上设置#header，而需要在父代上设置代码。

Answer 2

将这些行添加到您的css：

html, body {
    width:100%;
}
body {
    overflow-x:hidden;
}

您需要overflow-x，因此垂直滚动条不会消失。 另外，从overflow: hidden;删除#Header。

Answer 3

看起来你想要三件事：

1. 标题图片被切断时没有滚动条。
2. 当主页内容被切断时滚动条为是。
3. 如果浏览器窗口很宽，则标题背景能够向右扩展。

你真的需要在这里发布更多相关代码。但是，我看看你的网站，这将解决它：

1. 更改#outer：
的规则

#Outer { clear: both; margin: 0 auto; min-height: 190px; width: 1024px; }

1. 从＃outer的父级删除边距和宽度规则，并替换为width:100%;overflow-x:hidden;