html - 定义宽度 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了 child( )。#header

Answer 2

将这些行添加到您的 CSS：

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

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

Answer 3

看起来你想要三件事：

1. 切断标题图像时没有滚动条。
2. 当主页面内容被切断时，滚动条是 YES。
3. 如果浏览器窗口很宽，您的标题背景可以向右延伸。

您确实需要在此处发布更多相关代码。但是，我查看了您的网站，这将解决它：

1. 更改#outer 的规则：

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

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